一直都對(duì)CSS中Padding 屬性中參數(shù)個(gè)數(shù)的定義頗為困惑，例如：
body { padding: 32px;}
body { padding: 32px 24px; }
body { padding: 32px 24px 18px; }
body { padding: 32px 24px 18px 12px; }

今天baidu查看了CSS的標(biāo)準(zhǔn)文檔，其中是這樣規(guī)定的：
如果只提供一個(gè)，將用于全部的四條邊；
如果提供兩個(gè)，第一個(gè)用于上－下，第二個(gè)用于左－右；
如果提供三個(gè)，第一個(gè)用于上，第二個(gè)用于左－右，第三個(gè)用于下；
如果提供全部四個(gè)參數(shù)值，將按上－右－下－左的順序作用于四邊。
body { padding: 36px;}　　　//對(duì)象四邊的補(bǔ)丁邊距均為36px
body { padding: 36px 24px; }
//上下兩邊的補(bǔ)丁邊距為36px，左右兩邊的補(bǔ)丁邊距為24px
body { padding: 36px 24px 18px; }
//上、下兩邊的補(bǔ)丁邊距分別為36px、18px，左右兩邊的補(bǔ)丁邊距為24px
body { padding: 36px 24px 18px 12px; }
//上、右、下、左補(bǔ)丁邊距分別為36px、24px、18px、12px

做個(gè)記號(hào)，表忘記了。

最新評(píng)論