總結:
布局1:
(0)內聯元素對設定寬(width)和高(height)不敏感
(1)如果子元素是乙個塊級元素(block)或者被設定為塊級元素,我們可以對子元素使用margin:0 auto居中。
class=
"container"
>
class=
"sub1"
>
(2)如果子元素是乙個內聯元素或者被設定為內聯、內聯塊元素,這時候要居中的話。可以對父元素設定乙個text-align:center實現居中。
class=
"container"
>
class=
"sub1"
>華點
布局2:
特點:子元素貼著父元素兩邊,聯想到浮動的左浮動和右浮動。同時子元素的寬度可以使用自適應。
class=
"container"
>
class=
"sub1"
>
logo
class=
"sub2"
>
華點導航
(1)如果子元素使用了浮動,那麼子元素自動變成內聯塊元素。對設定的寬度和高度敏感。(自動撐起)
CSS 頁面布局
幾個實現多欄布局的方法。主要介紹使用內部div來建立浮動的欄。多欄布局有三種基本的實現方案 固定寬度 流動 彈性。固定寬度布局的大小是隨使用者調整瀏覽器視窗大小而變化,一般是900至1100畫素寬。其中960畫素是很常見的,因為這個寬度適合所有的現代瀏覽器,而且能被16 12 10 8 6 5 4和...
布局頁面CSS
樣式表 作用 美化網頁,頁面布局。分類 內聯,寫在標籤裡面style 裡面的樣式,優點是控制精確,可重用性差。內嵌,嵌在網頁的head裡面,可重用性高 外部,樣式寫在另乙個檔案裡面,如果要用直接附加過來。link rel styleheet type text css href style.css ...
CSS頁面布局基礎
5 css頁面布局基礎 字符集不能設定寬度,如果要設定寬度必須display設定成塊級 inline 字符集 block 塊級 padding內邊距,border邊框,margin外邊距。4個 上 右 下 左,3個 上 左右 下,兩個 上下 左右,乙個 上下左右。元素浮動 float none 沒有...