這是我轉(zhuǎn)載別人的，總結(jié)的不錯，忘記是誰的了。忘見諒

1、有三個影響HTML元素布局的重要屬性：padding(內(nèi)邊距)、margin(外邊距)、border(邊框)。

元素的 padding 控制元素內(nèi)容 content和元素邊框 border 之間的距離。元素的外邊距 margin 控制元素邊框 border 和元素實際所占空間的距離。

元素的 ?margin 控制元素的 ?border 和元素實際所占空間的距離。

如果你將一個元素的 ?margin 設(shè)置為負(fù)值，元素將會變大。

有時你想要自定義元素，使它的每一個邊具有不同的 ?margin。

CSS 允許你使用 ?margin-top、margin-right、margin-bottom 和 ?margin-left 來控制元素上右下左四個方向的 ?margin。

有時你想要自定義元素，使它的每一個邊具有不同的 ?padding。

CSS 允許你使用 ?padding-top、padding-right、padding-bottom 和 ?padding-left來控制元素上右下左四個方向的 ?padding。

除了分別指定元素的 ?padding-top、padding-right、padding-bottom 和 ?padding-left 屬性外，你還可以集中起來指定它們，舉例如下：

padding: 10px 20px 10px 20px;

這四個值以順時針方式排列：頂部、右側(cè)、底部、左側(cè)，簡稱：上右下左。

2、給id設(shè)置的樣式優(yōu)先級比class設(shè)置的要高，不論定義先后順序。

我們證明了無論在 ?style 元素 CSS 的哪個位置進(jìn)行聲明，id 聲明都會覆蓋 class 聲明。

還有其他覆蓋 CSS 的方法。行內(nèi)樣式也會覆蓋其他樣式聲明。

很多情況下，你會使用 CSS 庫，這些庫可能會意外覆蓋掉你自己的 CSS。所以當(dāng)你需要確保某元素具有指定的 CSS 時，你可以使用 !important。

比如：

.pink-text {

color: pink !important ;

}

這樣就不會被別的樣式覆蓋了。