重慶五車科技發展有限公司

【武隆區】官網采用DIV+CSS布局規范設計建議

發布時間：2022-07-16瀏覽次數：631

【武隆區】官網采用DIV+CSS布局規范設計

1、居中問題：IE通過設置text-align屬性為center可以實現， margin:0 auto;可以實現ＤIV居中，但前提是DIV不能再float。

body

div id=”wrapper”/div

body

#wrapper { Width:720px; Margin:0 auto; }

2、Div之間默認是會自動換行的，如果要實現不換行就要應用float或借助絕對定位。 同級的元素盡量同時浮動或者不浮動，這樣有利于控制和兼容性。

3、絕對定位問題：如果一個父Div的幾個子Div要實現絕對定位，切記父Div的position屬性一定要設置為relative，幾個子Div的position則設置為absolute。為了實現子Div的精準定位，子Div的高度和寬度都建議明確規定像素大小。Z-index屬性值為整數，屬性值大的在上層。Left、right、top、bottom、四個屬性控制子DIV的位置。

4、外連文件式CSS放在在網頁的〈head〉與〈/head〉之間加上 一句這樣的代碼：〈link rel="stylesheet" href="在這里填上你的CSS文件地址（相對路徑+文件名）" type="text/css"〉

5、首行縮進“text-indent”右面的縮進單位選擇框中“em”指的就是字符位（1漢字）。

6、盒子模型

虛線內部是內容顯示的地方，黃色的地方是算在border里面的，同時背景圖片也是計算黃色區域的面積的（padding與背景圖片這樣經常搭配實現一些效果的）。