主頁 > 知識(shí)庫 > CSS學(xué)習(xí)筆記Padding 屬性中參數(shù)的定義與使用

CSS學(xué)習(xí)筆記Padding 屬性中參數(shù)的定義與使用

熱門標(biāo)簽:地圖標(biāo)注微信好友 快速更改地圖標(biāo)注點(diǎn)標(biāo) 隨州外呼系統(tǒng)廠家 南山電話機(jī)器人 ai電話機(jī)器人效果差 南昌電話機(jī)器人系統(tǒng) 蘇州做電話機(jī)器人 沈陽400電話辦理多少錢 地圖標(biāo)注樓盤
一直都對(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),表忘記了。
您可能感興趣的文章:
  • css下margin、padding、border、background和font縮寫示例
  • Class與ID區(qū)別 margin和padding區(qū)別 CSS學(xué)習(xí)筆記
  • CSS百分比padding制作圖片自適應(yīng)布局

標(biāo)簽:濰坊 玉樹 石家莊 濰坊 商洛 大同 深圳 昭通

巨人網(wǎng)絡(luò)通訊聲明:本文標(biāo)題《CSS學(xué)習(xí)筆記Padding 屬性中參數(shù)的定義與使用》,本文關(guān)鍵詞  CSS,學(xué)習(xí),筆記,Padding,屬性,;如發(fā)現(xiàn)本文內(nèi)容存在版權(quán)問題,煩請(qǐng)?zhí)峁┫嚓P(guān)信息告之我們,我們將及時(shí)溝通與處理。本站內(nèi)容系統(tǒng)采集于網(wǎng)絡(luò),涉及言論、版權(quán)與本站無關(guān)。
  • 相關(guān)文章
  • 下面列出與本文章《CSS學(xué)習(xí)筆記Padding 屬性中參數(shù)的定義與使用》相關(guān)的同類信息!
  • 本頁收集關(guān)于CSS學(xué)習(xí)筆記Padding 屬性中參數(shù)的定義與使用的相關(guān)信息資訊供網(wǎng)民參考!
  • 推薦文章