CSS學(xué)習(xí)筆記Padding屬性中參數(shù)的定義與使用_經(jīng)驗交流
來源:懂視網(wǎng)
責(zé)編:小采
時間:2020-11-27 18:55:20
CSS學(xué)習(xí)筆記Padding屬性中參數(shù)的定義與使用_經(jīng)驗交流
CSS學(xué)習(xí)筆記Padding屬性中參數(shù)的定義與使用_經(jīng)驗交流:一直都對CSS中Padding 屬性中參數(shù)個數(shù)的定義頗為困惑,例如: body { padding: 32px;} body { padding: 32px 24px; } body { padding: 32px 24px 18px; } body { padding: 32px 24px 18px 12px; } 今天baidu查
導(dǎo)讀CSS學(xué)習(xí)筆記Padding屬性中參數(shù)的定義與使用_經(jīng)驗交流:一直都對CSS中Padding 屬性中參數(shù)個數(shù)的定義頗為困惑,例如: body { padding: 32px;} body { padding: 32px 24px; } body { padding: 32px 24px 18px; } body { padding: 32px 24px 18px 12px; } 今天baidu查

一直都對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;} //對象四邊的補(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
做個記號,表忘記了。
聲明:本網(wǎng)頁內(nèi)容旨在傳播知識,若有侵權(quán)等問題請及時與本網(wǎng)聯(lián)系,我們將在第一時間刪除處理。TEL:177 7030 7066 E-MAIL:11247931@qq.com
CSS學(xué)習(xí)筆記Padding屬性中參數(shù)的定義與使用_經(jīng)驗交流
CSS學(xué)習(xí)筆記Padding屬性中參數(shù)的定義與使用_經(jīng)驗交流:一直都對CSS中Padding 屬性中參數(shù)個數(shù)的定義頗為困惑,例如: body { padding: 32px;} body { padding: 32px 24px; } body { padding: 32px 24px 18px; } body { padding: 32px 24px 18px 12px; } 今天baidu查