DIV CSS布局实例：用css网站布局之十步实录！（目录）

用css网站布局之十步实录　目录：

点击链接查看教程具体内容！

第一步：规划网站

http://weby.com.cn/view.asp?id=31

第二步：创建html模板及文件目录等

http://weby.com.cn/view.asp?id=32

第三步：将网站分为五个div 网页基本布局

http://weby.com.cn/view.asp?id=33

第四步：网页布局与div浮动等

http://weby.com.cn/view.asp?id=34

第五步：网页主要框架之外的附加结构的布局与表现

http://weby.com.cn/view.asp?id=35

第六步：页面内的基本文本的样式(css)设置

http://weby.com.cn/view.asp?id=36

第七步：网站头部图标与logo部分的设计

http://weby.com.cn/view.asp?id=37

第八步：页脚信息的表现设置

http://weby.com.cn/view.asp?id=38

第九步：导航条的制作

http://weby.com.cn/view.asp?id=39

第十步：解决IE浏览器的显示BUG

http://weby.com.cn/view.asp?id=40

最终效果如图：