css頁面布局

2021-08-04 06:48:40 字數 788 閱讀 4584

總結:

布局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 沒有...