网站建设之div+css布局

2023-05-12 分类：网站建设

网站建设中使用DIV+CSS的布局来设计网站便于优化，容易被收录，比如两个网站同时上线，拥有同样的外链，推广2个月后，保证使用DIV+CSS布局的站点获得的排名比传统的TABLE 要好，用DIV+CSS建设该网站首先是从整体布局入手，构思好网站的整体布局结构，一般我们按以下步骤来建设一个网站的页面:

1、顶部部分，其中包括了LOGO、MENU和一幅Banner图片；2、页面中间部分，那就是我们的主体了，这里就以我们为一客户做的站点为例来说明。考虑到该行业要求打开首页快速，所以我们在网站发布的信息设计为三列。

3、底部，包括一些版权信息。

根据以上设想，我们定义如下div的结构DIV结构如下：

│body {}　/*这是一个HTML元素*/└#Container {}　/*页面层容器*/├#Header {}　/*页面头部*/├#MianBody {}　/*页面主体*/│　├#mainbody-left {}　/*主体页面左边*/│　└#mainbody-center {}　/*主体页面中间*/│　└#MainBody -right{}　/*主体页面右边*/└#footer {}　/*页面底部*/用DIV+CSS做一个导航栏是非常容易的，而且我们可以通过css来对导航栏的样式方便的作出调整。用div设置导航栏一般就用<ul>和<li>标签。

4、高度显示效果不同一般情况下只需要使用height: 100px;即可，当显示效果不同时，则可以_height: 100px;来对IE6的高度进行设置。

5、嵌套效果不不同.

有些情况下如果div中嵌套的图片大于外层div的高度，则IE6中对高度的设置始终无效，这时要注意对该css添加overflow属性，overloaw:hidden,则可隐藏超出边界的部分。

按照之五个步骤你的网站建设就基本完成了！

分享题目：网站建设之div+css布局
当前地址：/news7/259007.html

成都网站建设公司_创新互联，为您提供网站建设、App开发、用户体验、网站改版、服务器托管、做网站

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源：创新互联

猜你还喜欢下面的内容