發新話題

CSS教程《CSS屬性》「容器」屬性

CSS教程《CSS屬性》「容器」屬性

  4、「容器」屬性
  ※邊距屬性
  聽起來是不是很有趣,什麼叫「容器」屬性呢?CSS的容器屬性包括邊距、填充距、邊框和寬度、高度、浮動、清除等屬性。
  您想,網頁中的內容肯定是都需要「裝」進這個「容器」裡。「容器」屬性是CSS中非常重要的一種屬性,我們將分類進行學習。
  先來看一下邊距屬性的詳細列表:

  和font屬性一樣,表中的四個屬性可以用一個屬性一次。邊距順序是上、右、下、左。我們還是用定義邊距屬性前後的兩個例子來看一下吧。請看下面的這幅圖:

  我們看到上圖是沒有加上邊距屬性的效果,而下圖則在<head>中加入了如下代碼:
  body{margin:1em 2em 3em 4em}
  //*定義文本的上、右、下、左的邊距分別為1、2、3、4em*//

  產生的效果如下圖所示:

  定義了邊距後的頁面,無論您怎麼改變窗口的大小,它都會按照您定義好的邊距樣式顯示。
  如果在margin裡有缺失的屬性,則按照順序依次排列。比如:
  body{margin:1em 3em} 上面這段代碼的含義是:body的上、右邊距為1、3em。
  下一節我將向您介紹填充距屬性。

TOP

發新話題

本站所有圖文均屬網友發表,僅代表作者的觀點與本站無關,如有侵權請通知版主會盡快刪除。