10-padding(內邊距)

padding

padding：就是內邊距的意思，它是邊框到內容之間的距離

另外padding的區域是有背景顏色的。而且背景顏色和內容的顏色同樣。也就是說background-color這個屬性將填充全部的border之內的區域

 

padding的設置

padding有四個方向，分別描述4個方向的padding。

描述的方法有兩種

一、寫小屬性,分別設置不一樣方向的padding

padding-top: 30px;
padding-right: 30px;
padding-bottom: 30px;
padding-left: 30px;

 

二、寫綜合屬性，用空格隔開

/*上 右 下 左*/
padding: 20px 30px 40px 50px ;

/*上 左右  下*/
padding: 20px 30px 40px;

/* 上下 左右*/
padding: 20px 30px;
            
/*上下左右*/
padding: 20px;

一些標籤默認有padding

 

好比ul標籤，有默認的padding-left值。

那麼咱們通常在作站的時候，是要清除頁面標籤中默認的padding和margin。以便於咱們更好的去調整元素的位置。

咱們如今初學能夠使用通配符選擇器

*{
  padding:0;
  margin:0;    
}

But，這種方法效率不高。

因此咱們要使用並集選擇器來選中頁面中應有的標籤（不一樣背，由於有人已經給我們寫好了這些清除默認的樣式表，reset.css）

https://meyerweb.com/eric/tools/css/reset/