设为首页  
联系我们  
加入收藏  
网页制作 冲浪宝典 图形图像 操作系统 软件教学 编程开发 认证考试 安全技术 站长专区 文学驿站 娱乐天地 游戏天地 办公软件
文章搜索
您的位置: 首页 >> 文章首页 >> 网页制作 >> CSS >> 十步学会用css建站第三步
精品推荐
CSS点击TOP10
·常用CSS大全
·网页排版CSS教学
·改变IE的字体大小设置时,页面字体不发生改变,怎样实现?
·DIV CSS网页布局实例解析:实现表格形式
·CSS+JS打造类似QQ的网站导航菜单特效
·CSS:鼠标经过时改变背景颜色或图片
·无懈可击的CSS圆角技术
·CSS中背景background-position负值定位深入理解
·网页特效代码:纯CSS制作的网页下拉菜单
·如何学习DIV CSS制作网页
网页制作点击TOP10
·菜鸟架设动网论坛全教程
·全面理解javascript的caller,callee,call,apply概念
·网页模板的使用方法 (教程)
·常用CSS大全
·初学者入门:如何学习网页制作?
·javascript+xml实现二级下拉菜单,不会被任何标签或元素遮住
·网页排版CSS教学
·图片循环滚动完美解决
·改变IE的字体大小设置时,页面字体不发生改变,怎样实现?
·XML入门教程:XML CDATA
精选专题

十步学会用css建站第三步

作者: 来源: 时间:2008-1-4 11:19:24

第三步:将网站分为五个div,网页基本布局的基础:

1.将“第一步”提到的五个部分都放入盒子中,在html文件中写入:

<div id="page-container">
<div id="main-nav">Main Nav</div>
<div id="header">Header</div>
<div id="sidebar-a">Sidebar A</div>
<div id="content">Content</div>
<div id="footer">Footer</div>
</div>

表现如下:
lay
2.为了将五个部分区分开来,我们将这五个部分用不同的背景颜色标示出来,在CSS技巧">CSS文件写入:

#main-nav {
background: red;
height: 50px;
}
#header {
background: blue;
height: 150px;
}
#sidebar-a {
background: darkgreen;
}
#content {
background: green;
}
#footer {
background: orange;
height: 66px;
}

表现如下:
lay


十步学会用css建站第三步 相关文章:
十步学会用css建站第三步 相关软件:
特别声明:本站除部分特别声明禁止转载的专稿外的其他文章可以自由转载,但请务必注明出处和原始作者。文章版权归文章原始作者所有。对于被本站转载文章的个人和网站,我们表示深深的谢意。如果本站转载的文章有版权问题请联系编辑人员,我们尽快予以更正。
转载请注明来源:http://www.xgdown.com