divcss网页布局的6个简单步骤

《divcss网页布局的6个简单步骤》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、DIV+CSS网页布局的6个简单步骤DIV+CSS是目前网站制作的布局方法，有别于传统的table布局，它的击败了table，成功实现了页面与布局相分离，简化网页设计源码，使得网站所站空间小、加载速度更快。DIV+CSS网页建设中的六个简单步骤：1、首先设计顶部部分，其中包括了LOGO、MENU和一幅Banner图片;2、网页主题，根据网民的浏览习惯，一般把网页主题分为竖着的三大列；3、网页底部的版权信息。　　根据以上思路，定义div的结构如下：　　│body{}　/*这是一个HTML元素*/　　└#Containe

2、r{}　/*页面层容器*/　　├#Header{}　/*页面头部*/　　├#MianBody{}　/*页面主体*/　　│　├#mainbody-left{}　/*主体页面左边*/　　│　└#mainbody-center{}　/*主体页面中间*/　　│　└#MainBody-right{}　/*主体页面右边*/　　└#footer{}　/*页面底部*/用DIV+CSS做一个导航栏是非常容易的，而且我们可以通过css来对导航栏的样式方便的作出调整。用div设置导航栏一般就用ul和ol标签。4、高度显示效果为了更好的让各

3、种浏览器兼容你的网站，这里设置网页高度的属性有height:100px和_height:100px（使用于IE6）。5、嵌套Div能击败表格，当然少不了它的能更表格相媲美的嵌套功能了，注意，如果你想在div中加入一些图片的话，记住，图片的高度如果大于div高度的话，在IE6中则默认为是无效的，因此为了更好的让浏览器兼容就要在该css添加overflow属性，使用overloaw:hidden,就可以轻松隐藏图片超出边界的部分了。