DIV+CSS的基本結構是怎么樣的
2013-06-04 分類： 網站建設
在網頁制作時采用層疊樣式表技術，可以有效地對頁面的布局、字體、顏色、背景和其它效果實現更加精確的控制。 只要對相應的代碼做一些簡單的修改，就可以改變同一頁面的不同部分，或者頁數不同的網頁的外觀和格式。
div+CSS的基本結構：
1、新建一個html文件，命名為test.html，用于講解div+css布局的基本流程。
2、在test.html文件內，對body進行樣式初始化，設置32313133353236313431303231363533e59b9ee7ad9431333431373932外邊距margin為0，內邊距padding為0，同時使用text-align設置文字居中。
3、在test.html文件內，為了講解方便，設置所有的div高度為200px，內容的顏色為紅色。
4、在test.html文件內，使用div創建網頁的頭部，使用margin:0 auto設置div居中，同時設置其寬度為800px，背景顏色為灰色。
5、在test.html文件內，使用div創建網頁的中部，使用margin:0 auto設置div居中，同時設置其寬度為800px。
6、在test.html文件內，在網頁的中部，創建兩個div，用于將中部為兩部分，每一個部分寬度為50%，左部分使用float:left設置左浮動，右部分使用float:right設置右浮動。
7、在test.html文件內，使用div創建網頁的底部，使用clear:both清除上面div的浮動，避免影響底部的布局。同時，使用margin:0 auto設置div居中，同時設置其寬度為800px，背景顏色為#000fff。
8、在瀏覽器打開test.html文件，查看實現的效果，這樣問題就解決了。
網站題目：DIV+CSS的基本結構是怎么樣的
文章地址：http://www.js-pz168.com/news/875.html
成都網站建設公司_創新互聯，為您提供網站內鏈、域名注冊、網頁設計公司、網站排名、商城網站、網站建設
聲明：本網站發布的內容（圖片、視頻和文字）以用戶投稿、用戶轉載內容為主，如果涉及侵權請盡快告知，我們將會在第一時間刪除。文章觀點不代表本網站立場，如需處理請聯系客服。電話：028-86922220；郵箱：631063699@qq.com。內容未經允許不得轉載，或轉載時需注明來源： 創新互聯
猜你還喜歡下面的內容
- 在Dreamweaver中如何建立站點的步驟有哪些 2013-06-03
- 制作一個個性化大型網站的流程 2013-05-22
- 如何設計網頁才能提高用戶訪問量 2013-04-30
- 營銷網站該如何體現它的價值 2013-06-01
- 營銷型網站有哪些特別的要素？ 2013-05-04
- Shopify建站需要需要注意的事項 2013-05-21
- SEO的基本概念是什么？ 2013-05-21
- 企業設計網站如何增加視覺效果 2013-04-28
- 網站的維護需要做哪些工作 2013-05-10
- 企業網站制作時，如何規劃網站呢？ 2023-05-01
- 企業網站制作要從哪些方面提升用戶體驗 2023-04-29
- 企業網站制作特點和優勢是什么? 2023-04-27
- 企業網站制作怎樣提高競爭力？ 2023-04-22
- 企業網站制作費用是多少?如何選擇建站公司? 2023-04-21
- 網站托管維護會帶來哪些成本增加 2013-05-15
- 影響網站搜索引擎排名的因素有哪些 2013-05-13
- 營銷網站你必須要了解的事項 2013-05-04
- 如何通過seo找到合適的關鍵詞 2013-05-04
- 影響網頁設計的因素有哪些？ 2013-04-28
- 影響企業網站制作時間的一些因素 2023-05-05
- 企業網站制作怎樣提高客戶體驗？ 2023-05-02
- 企業網站制作好后可以通過哪些渠道獲取客戶 2023-04-28
- 企業網站制作好后維護管理的重要性 2023-04-22
- 企業網站制作需要把握哪些要領？ 2023-04-21
- 四川成都鋁箱_鋁合金箱_成都航空箱_錦瀾鋁箱廠產品展示 2013-05-20
- 建一個網站需要多少錢？ 2013-05-20
- 疫情期間在家沒事干？來看看軟文推廣營銷的好處吧！ 2013-05-04
- 疫情期間企業制作新網站應注意哪些方面？ 2013-05-19
- PC端網站微信掃碼登錄 2013-05-19
- 企業網站制作怎么才能吸引用戶瀏覽？ 2023-04-20
- 企業網站制作好后需要做哪些方面的檢查 2023-04-19
- 企業網站制作開發有哪些重要流程? 2023-04-18
- 企業網站制作首頁要注重哪些問題? 2023-04-18
- 導致企業網站制作失敗的因素有什么? 2023-04-16