早上好，歡迎觀看山東文匯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è)置所有當(dāng)前或者指定元素內(nèi)邊距屬性。該屬性可以有1到4個值。

當(dāng)元素的 Padding（填充）（內(nèi)邊距）被清除時，所"釋放"的區(qū)域?qū)艿皆乇尘邦伾奶畛洹?/p>

單獨使用填充屬性是在一個聲明中設(shè)置元素的所內(nèi)邊距屬性?？s寫填充屬性也可以使用，一旦改變一個數(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標(biāo)簽有默認的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)站。再見。