早上好，歡迎觀看山東文匯app開發(fā)，微信小程序開發(fā)，系統(tǒng)開發(fā)的官網(wǎng)
學(xué)習(xí)是一個(gè)循序漸進(jìn)的過(guò)程。學(xué)習(xí)新的知識(shí)的時(shí)候，也不要忘了溫習(xí)之前學(xué)習(xí)的內(nèi)容。css的世界，無(wú)限大。
下面給大家分享一個(gè)css屬性，padding。
Padding（填充）屬性定義元素邊框與元素內(nèi)容之間的空間。
padding 簡(jiǎn)寫屬性在一個(gè)聲明中設(shè)置所有內(nèi)邊距屬性。設(shè)置所有當(dāng)前或者指定元素內(nèi)邊距屬性。該屬性可以有1到4個(gè)值。
當(dāng)元素的 Padding（填充）（內(nèi)邊距）被清除時(shí)，所"釋放"的區(qū)域?qū)?huì)受到元素背景顏色的填充。
單獨(dú)使用填充屬性是在一個(gè)聲明中設(shè)置元素的所內(nèi)邊距屬性?？s寫填充屬性也可以使用，一旦改變一個(gè)數(shù)值，則padding對(duì)應(yīng)的距離都會(huì)改變。
設(shè)置一個(gè)P元素的填充：
p
{
padding:2px 4px 3px 4px;
}
其中padding:2px 4px 3px 4px; 的轉(zhuǎn)法為順時(shí)針;
padding:距上 距右 距下 距左；
您還可以按照上、右、下、左的順序分別設(shè)置各邊的內(nèi)邊距，各邊均可以使用不同的單位或百分比值：
h1 {padding: 10px 0.25em 2ex 20%;}h1 {
padding-top: 10px;
padding-right: 0.25em;
padding-bottom: 2ex;
padding-left: 20%;
}山東文匯開發(fā)提醒您
ul標(biāo)簽有默認(rèn)的padding-left：40px的內(nèi)邊距。
下面，給大家出兩道題：
1、父盒子寬100px 高80px
子盒子寬40px 高40px
現(xiàn)在給子盒子設(shè)padding－top 是20％ 。請(qǐng)問(wèn)現(xiàn)在子盒子的高是多少？
2、父盒子寬100px 高80px
子盒子寬40px 高40px
現(xiàn)在給子盒子設(shè)padding－right 是20％ 。請(qǐng)問(wèn)現(xiàn)在子盒子的高是多少？
如果大家想要知道結(jié)果，自己動(dòng)手練習(xí)一下就知道啦。
此篇文章分享完畢，感謝大家觀看濟(jì)南app開發(fā)系統(tǒng)開發(fā)網(wǎng)站。再見。
