DIV+CSS的基本結(jié)構(gòu)是怎么樣的
2013-06-04 分類： 網(wǎng)站建設(shè)
在網(wǎng)頁(yè)制作時(shí)采用層疊樣式表技術(shù)，可以有效地對(duì)頁(yè)面的布局、字體、顏色、背景和其它效果實(shí)現(xiàn)更加精確的控制。 只要對(duì)相應(yīng)的代碼做一些簡(jiǎn)單的修改，就可以改變同一頁(yè)面的不同部分，或者頁(yè)數(shù)不同的網(wǎng)頁(yè)的外觀和格式。
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)頁(yè)的頭部，使用margin:0 auto設(shè)置div居中，同時(shí)設(shè)置其寬度為800px，背景顏色為灰色。
5、在test.html文件內(nèi)，使用div創(chuàng)建網(wǎng)頁(yè)的中部，使用margin:0 auto設(shè)置div居中，同時(shí)設(shè)置其寬度為800px。
6、在test.html文件內(nèi)，在網(wǎng)頁(yè)的中部，創(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)頁(yè)的底部，使用clear:both清除上面div的浮動(dòng)，避免影響底部的布局。同時(shí)，使用margin:0 auto設(shè)置div居中，同時(shí)設(shè)置其寬度為800px，背景顏色為#000fff。
8、在瀏覽器打開(kāi)test.html文件，查看實(shí)現(xiàn)的效果，這樣問(wèn)題就解決了。
網(wǎng)站名稱：DIV+CSS的基本結(jié)構(gòu)是怎么樣的
文章分享：http://chinadenli.net/news25/875.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供面包屑導(dǎo)航、App開(kāi)發(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；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時(shí)需注明來(lái)源： 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容
- 在Dreamweaver中如何建立站點(diǎn)的步驟有哪些 2013-06-03
- 制作一個(gè)個(gè)性化大型網(wǎng)站的流程 2013-05-22
- 如何設(shè)計(jì)網(wǎng)頁(yè)才能提高用戶訪問(wèn)量 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)站如何增加視覺(jué)效果 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
- 網(wǎng)站托管維護(hù)會(huì)帶來(lái)哪些成本增加 2013-05-15
- 影響網(wǎng)站搜索引擎排名的因素有哪些 2013-05-13
- 營(yíng)銷網(wǎng)站你必須要了解的事項(xiàng) 2013-05-04
- 如何通過(guò)seo找到合適的關(guān)鍵詞 2013-05-04
- 影響網(wǎng)頁(yè)設(shè)計(jì)的因素有哪些？ 2013-04-28
- 影響企業(yè)網(wǎng)站制作時(shí)間的一些因素 2023-05-05
- 企業(yè)網(wǎng)站制作怎樣提高客戶體驗(yàn)？ 2023-05-02
- 企業(yè)網(wǎng)站制作好后可以通過(guò)哪些渠道獲取客戶 2023-04-28
- 企業(yè)網(wǎng)站制作好后維護(hù)管理的重要性 2023-04-22
- 企業(yè)網(wǎng)站制作需要把握哪些要領(lǐng)？ 2023-04-21
- 四川成都鋁箱_鋁合金箱_成都航空箱_錦瀾鋁箱廠產(chǎn)品展示 2013-05-20
- 建一個(gè)網(wǎng)站需要多少錢？ 2013-05-20
- 疫情期間在家沒(méi)事干？來(lái)看看軟文推廣營(yíng)銷的好處吧！ 2013-05-04
- 疫情期間企業(yè)制作新網(wǎng)站應(yīng)注意哪些方面？ 2013-05-19
- PC端網(wǎng)站微信掃碼登錄 2013-05-19
- 企業(yè)網(wǎng)站制作怎么才能吸引用戶瀏覽？ 2023-04-20
- 企業(yè)網(wǎng)站制作好后需要做哪些方面的檢查 2023-04-19
- 企業(yè)網(wǎng)站制作開(kāi)發(fā)有哪些重要流程? 2023-04-18
- 企業(yè)網(wǎng)站制作首頁(yè)要注重哪些問(wèn)題? 2023-04-18
- 導(dǎo)致企業(yè)網(wǎng)站制作失敗的因素有什么? 2023-04-16