2013-07-30 58 views
0

在CSS代碼,首先保留邊界或首先填充?

我們使用

#testing{ 
margin: 0; 
padding: 0; 
} 

我使用RECESS編寫資格我的CS​​S文件

它建議我使用填充第一和保證金之後

#testing{ 
padding: 0; 
margin: 0; 
} 

我的問題是,是否填充和邊距importa的順序nt在CSS質量?

首先填充和邊距之間有什麼不同?

編輯

只是想知道爲什麼它建議爲了讓我

enter image description here

+1

我所知,不要緊= \ – FSou1

+1

http://www.w3.org/TR/CSS21 /box.html – falguni

+1

我認爲首先保證金和比填充 –

回答

1

我的問題是,填充和邊距的順序在CSS質量中是否重要?

我認爲原因是「編碼風格」

爲了可讀性,一致性,管理,挑剔 ...

你也可以爲了通過A-Z,類型,CSS3最後...等。

先填充和先填充有什麼區別?

的樣子。

實施例:

WordPress CSS Coding Standards

Google HTML/CSS Style Guide

+0

看起來順序無所謂,只在編碼風格上,謝謝 –

1

Margin適用於您元素從而影響你的元素是其他元素有多遠的outside

Padding適用於您的元素的inside,從而影響元素的內容離邊界有多遠。

此外,使用margin不會影響元素的尺寸而padding會讓你的元件的尺寸(設定高度+填充),因此,例如,如果你有一個5像素填充一個100x100px DIV,你的DIV實際上是105x105px

1

CSS盒模型本質上是一個包裝HTML元素的盒子,它包含:邊距,邊框,填充以及從上到下的實際內容。

即立即在頂部的內容,它需要填充值,邊界和最後的一切邊緣的頂部會來。

在分配寬度值之前,應該從寬度中扣除邊距,填充和邊框值。例如,width: 100px, padding: 10px, margin: 10px, border: 5px表示整個容器的寬度爲150px(100px + 20px(每個10px左右填充)+ 10px(每個左右邊框5px)+ 20px(左右邊距))。

給予填充和邊距值的順序沒有任何區別。我們可以在CSS中以任何順序書寫。