CSS(Cascading Style Sheets)层叠样式表作用是将网页内容和显示样式进行分离，提高了显示功能。
CSS代码格式：
选择器名称 { 属性名：属性值；属性名：属性值；……}
选择器（对不同的HTML标签进行控制，并赋予各种样式声明，即可实现各种效果）：
标签选择器：
例：<style type ="text/css">
h1{
color:red;
font-size:25px;
}
</style>
类选择器（在标签中定义class属性并赋值。通过标签名.class值对该标签进行样式设置，相同标签设置不同样式的时候，用class进行区分。不同标签进行相同设置的时候，用class进行统一定义）
例：<style type="text/css">
.title{
color:blue;
font-size:12px;
}
</style>
<p class="title">类选择器</p>
ID选择器：(使用方法跟class选择器基本相同,格式为#ID值)
例：<style type="text/css">
#title{
使用DIV+CSS构架好处不少，但也确实存在一些问题，现在让网页设计师最头疼的事莫过于DIV+CSS对浏览器的兼容性了，可能你用惯了IE6，做出来的东西没感觉到有多大异常，但是把同样的东西放到IE7里去看的话，就会发现很多问题，如果放到火狐浏览器里去看，结果更不尽人意。
一个页面从制作的开始就决定了� ......
在html中，即使我们没有指定页面元素显示的css样式，元素也会按照默认的的标准css样式去显示。因此掌握基本的html标签可以在一定程度上精简你的css代码，现将html标签的默认属性进行一定的汇总如下：
li { display: list-item }
h ......
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>CSS渐变条</ ......
test.html：
<html>
<head>
<link rel="stylesheet" type="text/css" media="screen" href="c.css" mce_href="c.css" />
</head>
<body>
<div id="footer2">
this is a footer2 div
</div>
<p id=&qu ......
