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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

猜你還喜歡下面的內(nèi)容

在Dreamweaver中如何建立站點(diǎn)的步驟有哪些 2013-06-03
制作一個(gè)個(gè)性化大型網(wǎng)站的流程 2013-05-22
如何設(shè)計(jì)網(wǎng)頁才能提高用戶訪問量 2013-04-30
營(yíng)銷網(wǎng)站該如何體現(xiàn)它的價(jià)值 2013-06-01
營(yíng)銷型網(wǎng)站有哪些特別的要素？ 2013-05-04
Shopify建站需要需要注意的事項(xiàng) 2013-05-21
SEO的基本概念是什么？ 2013-05-21
企業(yè)設(shè)計(jì)網(wǎng)站如何增加視覺效果 2013-04-28
網(wǎng)站的維護(hù)需要做哪些工作 2013-05-10
企業(yè)網(wǎng)站制作時(shí)，如何規(guī)劃網(wǎng)站呢？ 2023-05-01
企業(yè)網(wǎng)站制作要從哪些方面提升用戶體驗(yàn) 2023-04-29
企業(yè)網(wǎng)站制作特點(diǎn)和優(yōu)勢(shì)是什么? 2023-04-27
企業(yè)網(wǎng)站制作怎樣提高競(jìng)爭(zhēng)力？ 2023-04-22
企業(yè)網(wǎng)站制作費(fèi)用是多少?如何選擇建站公司? 2023-04-21

中文字幕第五页-中文字幕第页-中文字幕韩国-中文字幕最新-国产尤物二区三区在线观看-国产尤物福利视频一区二区

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