CSS的Padding怎么使用

本篇內(nèi)容介紹了“CSS的Padding怎么使用”的有關(guān)知識，在實際案例的操作過程中，不少人都會遇到這樣的困境，接下來就讓小編帶領(lǐng)大家學(xué)習(xí)一下如何處理這些情況吧！希望大家仔細閱讀，能夠?qū)W有所成！

padding簡寫：

margin:1px02em-20px;等效于：

margin-top:1px;
margin-right:0;
margin-bottom:2em;
margin-left:-20px;順序：margin-top|margin-right|margin-bottom|margin-left

padding簡寫和margin完全一樣。

關(guān)于四邊

有很多樣式都涉及到了四邊的問題，這里統(tǒng)一說明。

四邊的簡寫一般如下：

padding:1px2px3px4px;等效于：

padding-top:1px;
padding-right:2px;
padding-bottom:3px;
padding-left:4px;順序：top|right|bottom|left

不論是邊框?qū)挾龋€是邊框顏色、邊距等，只要CSS樣式涉及四邊，順序通通都是“上右下左”（順時針方向）。

◆如果四邊的值省略一個，只寫三個：

padding:1px2px3px;則等效于：

padding-top:1px;
padding-right:2px;
padding-bottom:3px;
padding-left:2px;（省略的“左”值等于“右”）

◆如果四邊的值省略兩個：

padding:1px2px;則等效于：

padding-top:1px;
padding-right:2px;
padding-bottom:1px;
padding-left:2px;（省略的“下”值等于“上”）

◆如果只有一個值：

padding:1px;則等效于：

padding-top:1px;
padding-right:1px;
padding-bottom:1px;
padding-left:1px;

css的選擇器有哪些

css的選擇器可以分為三大類，即id選擇器、class選擇器、標簽選擇器。它們之間可以有多種組合，有后代選擇器、子選擇器、偽類選擇器、通用選擇器、群組選擇器等等

“CSS的Padding怎么使用”的內(nèi)容就介紹到這里了，感謝大家的閱讀。如果想了解更多行業(yè)相關(guān)的知識可以關(guān)注億速云網(wǎng)站，小編將為大家輸出更多高質(zhì)量的實用文章！