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



