CSS學習筆記Padding屬性中參數的定義與使用_經驗交流
來源：懂視網
責編：小采
時間：2020-11-27 18:55:20
CSS學習筆記Padding屬性中參數的定義與使用_經驗交流
CSS學習筆記Padding屬性中參數的定義與使用_經驗交流:一直都對CSS中Padding 屬性中參數個數的定義頗為困惑，例如： body { padding: 32px;} body { padding: 32px 24px; } body { padding: 32px 24px 18px; } body { padding: 32px 24px 18px 12px; } 今天baidu查
導讀CSS學習筆記Padding屬性中參數的定義與使用_經驗交流:一直都對CSS中Padding 屬性中參數個數的定義頗為困惑，例如： body { padding: 32px;} body { padding: 32px 24px; } body { padding: 32px 24px 18px; } body { padding: 32px 24px 18px 12px; } 今天baidu查
一直都對CSS中Padding 屬性中參數個數的定義頗為困惑，例如：
body { padding: 32px;}
body { padding: 32px 24px; }
body { padding: 32px 24px 18px; }
body { padding: 32px 24px 18px 12px; }
今天baidu查看了CSS的標準文檔，其中是這樣規定的：
如果只提供一個，將用于全部的四條邊；
如果提供兩個，第一個用于上－下，第二個用于左－右；
如果提供三個，第一個用于上，第二個用于左－右，第三個用于下；
如果提供全部四個參數值，將按上－右－下－左的順序作用于四邊。
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
做個記號，表忘記了。
聲明：本網頁內容旨在傳播知識，若有侵權等問題請及時與本網聯系，我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
CSS學習筆記Padding屬性中參數的定義與使用_經驗交流
CSS學習筆記Padding屬性中參數的定義與使用_經驗交流:一直都對CSS中Padding 屬性中參數個數的定義頗為困惑，例如： body { padding: 32px;} body { padding: 32px 24px; } body { padding: 32px 24px 18px; } body { padding: 32px 24px 18px 12px; } 今天baidu查
