您现在的位置：网页制作教程网 >> 网页制作 >> css教程 >> 文章正文

css教程–十步学会用css进行网页设计

作者:Jorux翻译

来源:Jorux翻译

热度:

2006-10-10 13:50:40

现在你可以看到盒子和浏览器的顶端有8px宽的空隙。这是由于浏览器的默认的填充和边界造成的。消除这个空隙，就需要在css文件中写入：

html, body {
margin: 0;
padding: 0;
}

第三步：将网站分为五个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文件写入：

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

表现如下：

lay

上一页 [1] [2] [3] [4] [5] [6] [7] [8] [9] [10] ... 下一页 >>

我来说两句：

查看评论