制作網(wǎng)站，免不了要做頁面的美化，所以了解div和css是很有必要的，本人也剛初學(xué)，和大家分享一下簡單的結(jié)構(gòu)吧！ div的結(jié)構(gòu)如下： 代碼的嵌套機(jī)構(gòu)：
　　│body {}　/*這是一個(gè)HTML元素*/
　　└#Container {}　/*頁面層容器*/
　　　　　├#Header {}　/*頁面頭部*/
　　　　　├#PageBody {}　/*頁面主體*/
　　　　　│　├#Sidebar {}　/*側(cè)邊欄*/
　　　　　│　└#MainBody {}　/*主體內(nèi)容*/
　　　　　└#Footer {}　/*頁面底部*/ 頁面布局與規(guī)劃已經(jīng)完成，接下來我們要做的就是開始書寫HTML代碼和CSS！ <div id=container><!--頁面層容器-->
??<div id=header><!--頁面頭部-->
??</div>
??<div id=pagebody><!--頁面主體-->
???<div id=sidebar><!--側(cè)邊欄--></div>
???<div id=mainbody><!--主體內(nèi)容--></div>
??</div>
??<div id=footer><!--頁面底部--></div>
?</div> 然后是寫css body{font:12px tahoma;margin:0px;text-align:center;background:#fff;} #container{width:100%;margin:;} #header{width:800px;margin:0 auto;height:100px;background:#ffcc99} #pagebody{width:800px;margin:0 auto;height:400px;background:#ccff00} #sidebar{width:300px;margin:auto;height:300px;background:#0000ff} #mainbody{width:400px;margin:auto;height:300px;background:#ff00ff} #footer{width:800px;margin:0 auto;height:50px;background:#00ffff}
? 其實(shí)都比較簡單的，只要記得屬性，學(xué)會(huì)使用就可以了！

轉(zhuǎn)載于:https://blog.51cto.com/tianshen/130666

總結(jié)

以上是生活随笔為你收集整理的浅谈div+css的全部內(nèi)容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。