padding & margin
有三個(gè)影響HTML元素布局的重要屬性：padding(內(nèi)邊距)、margin(外邊距)、border(邊框)。
使用padding布局頁(yè)面標(biāo)簽
元素的padding控制元素內(nèi)容content和元素邊框border之間的距離。
語(yǔ)法結(jié)構(gòu)
（1）padding-left:10px; 左內(nèi)邊距
（2）padding-right:10px; 右內(nèi)邊距
（3）padding-top:10px; 上內(nèi)邊距
（4）padding-bottom:10px; 下內(nèi)邊距
（5）padding：10px; 四邊統(tǒng)一內(nèi)邊距
（6）padding:10px 20px; 上下、左右內(nèi)邊距
（7）padding:10px 20px 30px; 上、左右、下內(nèi)邊距
（8）padding:10px 20px 30px 40px; 上、右、下、左內(nèi)邊距
使用margin布局頁(yè)面標(biāo)簽
元素的外邊距margin控制元素邊框border和元素實(shí)際所占空間的距離。
語(yǔ)法結(jié)構(gòu)
（1）margin-left:10px; 左外邊距
（2）margin-right:10px; 右外邊距
（3）margin-top:10px; 上外邊距
（4）margin-bottom:10px; 下外邊距
（5）margin:10px; 四邊統(tǒng)一外邊距
（6）margin:10px 20px; 上下、左右外邊距
（7）margin:10px 20px 30px; 上、左右、下外邊距
（8）margin:10px 20px 30px 40px; 上、右、下、左外邊距
CSS樣式
?繼承
每一個(gè) HTML 頁(yè)面都有一個(gè)body元素，并且其body元素同樣能夠應(yīng)用樣式。
首先，創(chuàng)建一個(gè)文字為Hello World的h1元素。
然后，讓我們通過(guò)向body元素的樣式聲明部分添加color: green;使頁(yè)面上的所有元素的顏色為green。
最后，通過(guò)向body元素的樣式聲明部分添加font-family: Monospace;將body元素的 font-family（字體）設(shè)置為Monospace。
覆蓋
創(chuàng)建一個(gè)使其文字為粉色的 class 時(shí)會(huì)發(fā)生什么，然后將其應(yīng)用到某元素。我們的 class 會(huì)override（覆蓋）body元素的color: green;CSS 屬性。
通過(guò)ID的樣式屬性覆蓋class類(lèi)的聲明
覆蓋你的pink-text和blue-text兩個(gè) class，通過(guò)為h1元素添加 id 并設(shè)置 id 的樣式，使你的h1元素變成 orange。
注意：你聲明的這個(gè) CSS 在pink-text類(lèi)選擇器的上面還是下面是無(wú)所謂的，因?yàn)?id 屬性總是具有更高的優(yōu)先級(jí)。
通過(guò)內(nèi)聯(lián)樣式覆蓋class類(lèi)的聲明
Important覆蓋所有其他樣式
這是所有方法中最強(qiáng)大的，但是在講它之前，我們先講講為什么你要覆蓋 CSS。
很多情況下，你會(huì)使用 CSS 庫(kù)，這些庫(kù)可能會(huì)意外覆蓋掉你自己的 CSS。所以當(dāng)你需要確保某元素具有指定的 CSS 時(shí)，你可以使用!important。
color: pink !important;
