欢迎来到天天文库
浏览记录
ID:8802077
大小:27.50 KB
页数:2页
时间:2018-04-08
《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,就可以轻松隐藏图片超出边界的部分了。
此文档下载收益归作者所有