2011-07-19 55 views
3

我目前正在開始我的嘗試到HTML和CSS。我已經對標準盒子模型設置感到沮喪,因爲填充增加了盒子本身的大小,所以我在我的CSS模板中設置了使用邊框模型。這是好的,還是不建議作爲最佳實踐/不推薦用於學習HTML/CSS?如果我使用它而不是標準盒子模型,許多javascript/jQuery腳本會中斷嗎?如果大多數開發人員避開它,或者它會導致預製腳本和插件崩潰,我不想養成使用它的習慣。目前最佳做法是不使用備用箱模型嗎?

我問這個問題的原因是因爲好像有些人對當前的盒子模型感到不滿,並且如果有任何跡象表明標準盒子模型可能會改變爲邊框模型,那麼我可能想堅持下去。

+0

您可以更改舊箱型號?怎麼樣? –

+1

@Paŭlo使用方塊大小:(屬性); (僅限CSS3) – Caedar

+0

謝謝,我會看看。 (我最近沒有使用太多的CSS,甚至更少的CSS 3.) –

回答

2

您在問我們您是否應該使用標準方法或非標準方法。答案將是:使用標準方法。否則,你將一直在與CSS鬥爭。

我發現的'標準'mox模型的最佳類比是假裝你正在尋找一個盒子來運送東西,並需要找出所需的空間。你的物品將會有一定的尺寸,然後你需要爲所有的包裝材料留下空間(填充物)。

編輯:

我承認我並不是那麼熟悉那個CSS屬性。在做了一些研究之後,它似乎具有實際用途(特別是在試圖在流體佈局中分隔列時)。也就是說,我不會把它稱爲標準盒子模型的替代品,而是在使用它時有意義的替代方案。學習標準盒子模型,然後你就會知道什麼時候改變它。

+0

我想一個子問題是標準W3C盒子模型是否會出現任何跡象保持原樣或者是否有可能改變。編輯的問題反映了這一點。 – Caedar

+0

爲了讓瀏覽器或多或少地支持當前的標準,這已經花了十年時間。在可預見的將來,這不會改變。 –

0

如果您使用CSS重置(這是相當標準的做法),這變得更少的問題。 這是最流行的

「邁耶」的兩種 - http://meyerweb.com/eric/tools/css/reset/

「YUI重置」 - http://developer.yahoo.com/yui/reset/

這將刪除所有瀏覽器的默認樣式,給你一個「空白畫布」上,以建立。你會發現大多數CSS框架(和大多數站點)將使用一些描述的重置。使用YUI,他們甚至會給你另一個樣式表來構建一些刪除的樣式(以一種跨瀏覽器一致的方式)。

至於填充/保證金/邊界具體(這是你真正問到的第一個地方) - 這實際上取決於上下文。它們存在的原因不同 - 例如,我傾向於在間隔div時使用邊距,在間隔標題時使用填充,但沒有硬性規則和快速規則。