DIV+CSS的基本結(jié)構(gòu)是怎么樣的

2013-06-04    分類： 網(wǎng)站建設

在網(wǎng)頁制作時采用層疊樣式表技術(shù)，可以有效地對頁面的布局、字體、顏色、背景和其它效果實現(xiàn)更加精確的控制。 只要對相應的代碼做一些簡單的修改，就可以改變同一頁面的不同部分，或者頁數(shù)不同的網(wǎng)頁的外觀和格式。

div+CSS的基本結(jié)構(gòu)：

1、新建一個html文件，命名為test.html，用于講解div+css布局的基本流程。

2、在test.html文件內(nèi)，對body進行樣式初始化，設置32313133353236313431303231363533e59b9ee7ad9431333431373932外邊距margin為0，內(nèi)邊距padding為0，同時使用text-align設置文字居中。

3、在test.html文件內(nèi)，為了講解方便，設置所有的div高度為200px，內(nèi)容的顏色為紅色。

4、在test.html文件內(nèi)，使用div創(chuàng)建網(wǎng)頁的頭部，使用margin:0 auto設置div居中，同時設置其寬度為800px，背景顏色為灰色。

5、在test.html文件內(nèi)，使用div創(chuàng)建網(wǎng)頁的中部，使用margin:0 auto設置div居中，同時設置其寬度為800px。

6、在test.html文件內(nèi)，在網(wǎng)頁的中部，創(chuàng)建兩個div，用于將中部為兩部分，每一個部分寬度為50%，左部分使用float:left設置左浮動，右部分使用float:right設置右浮動。

7、在test.html文件內(nèi)，使用div創(chuàng)建網(wǎng)頁的底部，使用clear:both清除上面div的浮動，避免影響底部的布局。同時，使用margin:0 auto設置div居中，同時設置其寬度為800px，背景顏色為#000fff。

8、在瀏覽器打開test.html文件，查看實現(xiàn)的效果，這樣問題就解決了。


網(wǎng)站名稱：DIV+CSS的基本結(jié)構(gòu)是怎么樣的
文章分享：http://www.muchs.cn/news25/875.html

成都網(wǎng)站建設公司_創(chuàng)新互聯(lián)，為您提供面包屑導航、App開發(fā)、網(wǎng)站導航、全網(wǎng)營銷推廣、網(wǎng)站建設、網(wǎng)站收錄

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)

成都seo排名網(wǎng)站優(yōu)化