浅谈div+css

制作网站，免不了要做页面的美化，所以了解div和css是很有必要的，本人也刚初学，和大家分享一下简单的结构吧！

div的结构如下：



代码的嵌套机构：
　　│body {}　/*这是一个HTML元素*/
　　└#Container {}　/*页面层容器*/
　　　　　├#Header {}　/*页面头部*/
　　　　　├#PageBody {}　/*页面主体*/
　　　　　│　├#Sidebar {}　/*侧边栏*/
　　　　　│　└#MainBody {}　/*主体内容*/
　　　　　└#Footer {}　/*页面底部*/

页面布局与规划已经完成，接下来我们要做的就是开始书写HTML代码和CSS！

<div id=container><!--页面层容器-->
<div id=header><!--页面头部-->
</div>
<div id=pagebody><!--页面主体-->
<div id=sidebar><!--侧边栏--></div>
<div id=mainbody><!--主体内容--></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}

其实都比较简单的，只要记得属性，学会使用就可以了！本文出自 “摩托用骡拉” 博客，请务必保留此出处http://tianshen.blog.51cto.com/185139/130666