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{
1. css 字体简写规则
当使用css定义字体时你可能会这样做：
font-size: 1em;
line-height: 1.5em;
font-weight: bold;
font-style: italic;
font-variant: small-caps;
font-family: verdana,serif;
事实上你可以简写这些属性：
font: 1em/1.5em bold italic small-caps verdana,serif
font: bold ital ......
<!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 ......
