4、「容器」屬性
※邊距屬性
聽起來是不是很有趣,什麼叫「容器」屬性呢?CSS的容器屬性包括邊距、填充距、邊框和寬度、高度、浮動、清除等屬性。
您想,網頁中的內容肯定是都需要「裝」進這個「容器」裡。「容器」屬性是CSS中非常重要的一種屬性,我們將分類進行學習。
先來看一下邊距屬性的詳細列表:
和font屬性一樣,表中的四個屬性可以用一個屬性一次。邊距順序是上、右、下、左。我們還是用定義邊距屬性前後的兩個例子來看一下吧。請看下面的這幅圖:
我們看到上圖是沒有加上邊距屬性的效果,而下圖則在<head>中加入了如下代碼:
body{margin:1em 2em 3em 4em}
//*定義文本的上、右、下、左的邊距分別為1、2、3、4em*//
產生的效果如下圖所示:
定義了邊距後的頁面,無論您怎麼改變窗口的大小,它都會按照您定義好的邊距樣式顯示。
如果在margin裡有缺失的屬性,則按照順序依次排列。比如:
body{margin:1em 3em} 上面這段代碼的含義是:body的上、右邊距為1、3em。
下一節我將向您介紹填充距屬性。