css教程–十步学会用css建站(全)[翻译]（3）
作者：Jorux 来源：Jorux记事本 发布时间：2008-06-05 18:35:00
标签：教程,布局,div,框架,样式,设计,浏览器
第三步：将网站分为五个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>
表现如下：
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;
}
表现如下：
0
投稿猜你喜欢
- 这是一个很和谐很实用的网站管理程序，和我以前介绍的服务器管理程序不同的是，这个程序只有一个功能，就是实现远程Web方式删除文件（实际上是重命
- 在Asp中如何得到所有表单的名称跟对应的值。其实，这个问题很简单，但是可能还是有很多人不知道该怎么做，所以特地写下来，仅供参考。在Asp程序
- 下面这个函数使用FSO对象来判断服务器上的某个文件是否存在：<％Private Function Dir(byVa
前言 一直用ASP+ACCESS来编写网页和公司的内部应用系统,内部应用系统也就是大家说的OA吧,这个我也不知道,公司又叫它ERP,反正不管- 在实用美术中，常有"远看色彩近看花，先看颜色后看花，七分颜色三分花"的说法。这也就说明，在任何设计中，色彩对视觉的刺激起
- 当我们使用访问一个没有声明的变量时，JS会报错；而当我们给一个没有声明的变量赋值时，JS不会报错误，相反它会认为我们是要隐式申明一个全局变量
- 第一列按照goodsid局部分组，然后在分组后的记录中按照audittime升序排序得到序号，从而显示某商品得第几次变迁。 第二列是取该商品
- 在进行WEB标准网页设计时，必不可少的是写入大量的CSS语法，一般情况下我们可以通过Dreamweaver软件的“CSS样式”面板自动生成相
- 在运用xmlhttp组件编写程序中，会碰到 "msxml3.dll 错误 ‘800c0005’&nb
- 最近，为了能在数据库服务器中运行其他应用程序，在保持数据库操作系统版本不变的前提下对数据库服务器进行了软、硬件上的升级。在软件上，将操作系统
- 某天和一个产品经理聊起：以用户为中心是一个理想概念。经历了太多的项目，看到了太多的限制条件。而我向来不是一个有着设计洁癖的完美主义者。做为所
- 问题：我想每日从数据库里导出一些数据,内容基本上都是一样的,只是时间不同,比如导出一张表wjzcreate table wjz(id int
- LearningjQuery.com 博客帖子列表的左边有一个很酷的日期，如图：从图中我们看到，“2009”垂直排列在右侧。用Firebug
- 在Vista IIS 7 中用 vs2005 调试 Web 项目核心是要解决以下几个问题：1、Vista 自身在安全性方面的User Acc
- 问题：有一个列表，每一个条目都是这篇文章的部分内容，类似这样：<div class="list">
- 分页程序sub show_page参数说明：total_records 总记录数everypage_records 每页显示条数
- 见以下两个文件：showimage.asp Change the HTTP header
- 1、XML 是什么？XML仅仅是一种数据存放格式，这种格式是一种文本（虽然XML规范中也提供了存放二进制数据的解决方案）。事实上有很多文本格
- 有时候，我们在某一重要的时间段需要监控某张表的变化情况，包含插入、更新、删除。举例来说，当我们把数据导出到外部的系统时，我们希望导出的是全部
- 很久以前做的东西，发出来大家玩玩！<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0
