早上好，歡迎觀看山東文匯app開發(fā)，微信小程序開發(fā)，系統(tǒng)開發(fā)的官網(wǎng)
學(xué)習(xí)是一個循序漸進的過程。學(xué)習(xí)新的知識的時候，也不要忘了溫習(xí)之前學(xué)習(xí)的內(nèi)容。css的世界，無限大。
下面給大家分享一個css屬性，padding。
Padding（填充）屬性定義元素邊框與元素內(nèi)容之間的空間。
padding 簡寫屬性在一個聲明中設(shè)置所有內(nèi)邊距屬性。設(shè)置所有當前或者指定元素內(nèi)邊距屬性。該屬性可以有1到4個值。
當元素的 Padding（填充）（內(nèi)邊距）被清除時，所"釋放"的區(qū)域?qū)艿皆乇尘邦伾奶畛洹?/p>
單獨使用填充屬性是在一個聲明中設(shè)置元素的所內(nèi)邊距屬性。縮寫填充屬性也可以使用，一旦改變一個數(shù)值，則padding對應(yīng)的距離都會改變。
設(shè)置一個P元素的填充：
p
{
padding:2px 4px 3px 4px;
}
其中padding:2px 4px 3px 4px; 的轉(zhuǎn)法為順時針;
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標簽有默認的padding-left：40px的內(nèi)邊距。
下面，給大家出兩道題：
1、父盒子寬100px 高80px
子盒子寬40px 高40px
現(xiàn)在給子盒子設(shè)padding－top 是20％ 。請問現(xiàn)在子盒子的高是多少？
2、父盒子寬100px 高80px
子盒子寬40px 高40px
現(xiàn)在給子盒子設(shè)padding－right 是20％ 。請問現(xiàn)在子盒子的高是多少？
如果大家想要知道結(jié)果，自己動手練習(xí)一下就知道啦。
此篇文章分享完畢，感謝大家觀看濟南app開發(fā)系統(tǒng)開發(fā)網(wǎng)站。再見。
