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里去看的话，就会发现很多问题，如果放到火狐浏览器里去看，结果更不尽人意。
一个页面从制作的开始就决定了� ......
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 ......
css
clearfix(针对火狐height:auto无效解决方案)
Firefox等符合W3C标准的浏览器中，如果有一个DIV作为外部容器，内部的DIV如果设置了float样式，则外部的容器DIV因为内部没有clear，导致不能被撑开。
例：
<div style=" border:2px solid #0CC; width:600px;" >
<div style="
wi ......
