我不經常編輯CSS,幾乎每個我需要去和谷歌CSS box model檢查padding
是否爲border
和margin
以外的時間內, 或相反亦然。 (剛剛再次檢查,padding
在裏面)。如何在CSS記住,保證金是境外,並填充內
有沒有人有記住這個好方法?一點點記憶,一個很好的解釋,爲什麼名字是圓的這種方式...
我不經常編輯CSS,幾乎每個我需要去和谷歌CSS box model檢查padding
是否爲border
和margin
以外的時間內, 或相反亦然。 (剛剛再次檢查,padding
在裏面)。如何在CSS記住,保證金是境外,並填充內
有沒有人有記住這個好方法?一點點記憶,一個很好的解釋,爲什麼名字是圓的這種方式...
當使用CSS終於讓你瘋狂的他們會把你填充的細胞有牆內填充。
腳 - P是從規範的Box Dimensions部分的圖
打印,並把它掛在牆上。
對我來說,「填充」聽起來比「邊距」更內在。也許想想印刷頁面會有所幫助?邊緣是遠處的區域 - 通常,你甚至無法打印到邊緣 - 它們並不顯眼。在這些邊際內,內容可能被填充以提供內容和邊距之間的額外障礙?
一旦你在CSS中工作足夠了,它將成爲記住這一點的第二天性。
使用螢火蟲來幫助你看。
我剛學會了一段時間 - 箱子模型相當簡單,但人們發現它很難的主要原因是因爲body
沒有明顯地打破模型。
真的,如果你給body
一個邊距和背景,你應該看到它被白色條紋包圍。但是,情況並非如此 - body
的填充與邊距相同。這就建立了關於盒子模型的一些不正確的事情。
我常常想它是這樣的:環繞箱
創建一個註釋基礎樣式表,您可以在需要創建新網站或編輯現有網站時將其用作模板。
隨着知識的增長,您可以添加到知識中,並將其應用於各種不同的瀏覽器,以查看各種行爲的表現。
您還可以添加關於其他難以記憶的東西或與直覺相反的東西的評論或示例。
添加邊框,即使只是暫時。當你玩數字時,你會看到不同之處。
事實上,圍繞要素臨時邊界的工作有幫助的方式,這樣你可以看到爲什麼浮標下降等
我知道這是一個回答你的問題,但更多的是尖的。每當我處理保證金和填充時,我會在您正在使用的部分周圍添加邊框,然後從那裏向我顯示需要使用的空間。當我全部設置好後,我刪除邊框。
您正在使用一個盒子。如果你在箱子裏放東西,你會在裏面放一些墊子,以確保它不會撞到兩邊。保證金將成爲另一件事。
Tim Saunders給出了一些很好的建議 - 當我第一次開始使用CSS時,我着重構建了一個完整的評論基礎樣式表。該樣式表已經改變了很多次,仍然是一個了不起的資源。
但是,當我碰到自己的盒子模型問題時,我開始使用'Mo Pi'。就像在「我不夠胖,我需要吃掉餡餅。」奇怪,但它爲我工作。當然,我在學CSS的時候放了20磅... ;-)
padding是一個元素的PAinting的一部分:它擴展了元素的背景。將對元素+填充看作共享共同背景是有意義的。填充類似於畫布的畫布:填充越大,畫布越大,因此背景越大。邊框(繪畫的框架)會圍繞這一對。和保證金將分開在畫廊牆壁上的繪畫。思考對象背景的概念有助於將對象+填充在一起。對於內心與外在的一般解釋並不拘泥於記憶:過了一段時間,每個人都會回到最初的困惑。請記住,邊距可以垂直摺疊,填充不是。
填充通常用在裏面。無論是在牆壁或交付箱的內部,這很簡單。如果內部填充,則邊緣在外。不應該太難。
保證金:當你想移動塊。 填充:當您想要移動塊內的項目時。
最有創意的答案,我已經見過我生命中的技術問題。 – bruno077 2011-03-15 14:56:02
你有沒有設法掙脫? – 2011-05-12 15:51:11
圍牆外將會有一名警衛隊員(邊緣)。 – JnBrymn 2011-10-05 01:15:13