CSS學(xué)習(xí)筆記Padding 屬性中參數(shù)的定義與使用
更新時間：2008年05月21日 23:22:16 作者：
css padding縮寫技巧
一直都對CSS中Padding 屬性中參數(shù)個數(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ī)定的：
如果只提供一個，將用于全部的四條邊；
如果提供兩個，第一個用于上－下，第二個用于左－右；
如果提供三個，第一個用于上，第二個用于左－右，第三個用于下；
如果提供全部四個參數(shù)值，將按上－右－下－左的順序作用于四邊。
body { padding: 36px;} //對象四邊的補丁邊距均為36px
body { padding: 36px 24px; }
//上下兩邊的補丁邊距為36px，左右兩邊的補丁邊距為24px
body { padding: 36px 24px 18px; }
//上、下兩邊的補丁邊距分別為36px、18px，左右兩邊的補丁邊距為24px
body { padding: 36px 24px 18px 12px; }
//上、右、下、左補丁邊距分別為36px、24px、18px、12px
做個記號，表忘記了。
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ī)定的：
如果只提供一個，將用于全部的四條邊；
如果提供兩個，第一個用于上－下，第二個用于左－右；
如果提供三個，第一個用于上，第二個用于左－右，第三個用于下；
如果提供全部四個參數(shù)值，將按上－右－下－左的順序作用于四邊。
body { padding: 36px;} //對象四邊的補丁邊距均為36px
body { padding: 36px 24px; }
//上下兩邊的補丁邊距為36px，左右兩邊的補丁邊距為24px
body { padding: 36px 24px 18px; }
//上、下兩邊的補丁邊距分別為36px、18px，左右兩邊的補丁邊距為24px
body { padding: 36px 24px 18px 12px; }
//上、右、下、左補丁邊距分別為36px、24px、18px、12px
做個記號，表忘記了。
相關(guān)文章
css position: absolute、relative詳解
今天在看CSS的時候遇到了position: absolute、relative的問題，一直比較迷糊，今天終于搞清楚了。2008-11-11
IE浮動邊界BUG延伸探討...2007-02-02
在解決ul居中問題時想到的幾點...2007-09-09
所有HTML元素都可以看作盒子,CSS盒模型本質(zhì)上是一個盒子,封裝周圍的HTML元素,它包括：邊距,邊框,填充,和實際內(nèi)容,盒模型允許我們在其它元素和周圍元素邊框之間的空間放置元素,因為Div添加了padding、border,Div的實際寬度=Div的初始固定值+邊距值+邊框值2023-09-09
非常不錯的對于ie hack的一些寫法講解2008-11-11
代碼實例之純CSS代碼實現(xiàn)翻頁效果...2007-03-03
在大多數(shù)文章中，我們并未特別注意CSS文件的可維護(hù)與可讀性的問題，當(dāng)完成一項前端的工作之后，許多人都會忘記該項目的結(jié)構(gòu)與細(xì)節(jié)。然而代碼并不是馬上就能完全定型，在余下的時間里還有不斷的維護(hù)工作，而這些工作也許不會是你自己完成。2008-09-09
HTML:scrollLeft,scrollWidth,clientWidth,offsetWidth完全詳解
HTML:scrollLeft,scrollWidth,clientWidth,offsetWidth完全詳解...2007-08-08
在IE下拖動滾動條時border消失的解決方法...2007-01-01
firefox background-image垂直平鋪問題的解決方法
firefox下background-image的垂直平鋪repeat-y不設(shè)置height的解決辦法2008-07-07