CSS在类别上分为三种：
a 外部样式：
（独立存在的后缀为.css的文件。需要在页面内用链接或者导入的方式引入，才能对该页面生效；可作用的范围甚大，甚至另外一台服务器上的CSS文件都可以被当前页连接调用；实现了页面内容和样式在文件上的分离。）
b 内嵌样式
（写在当前页面内的<head></head>标记中的<style></style>标记中，作用的范围只是当前页面。实现了页面内容和样式在标记结构上的分离【样式在head 部分内容在body部分】）
c 行内样式
（写在标记内，用style属性引出，作用范围只针对该标记内容生效。）
以上三种CSS样式写的位置不同，作用范围也不同。而其中外部样式和内嵌样式都很好的体现了样式表的作用 ：内容和样式的分离。
明白了样式表的分类，以及不同类型的作用。
现在我们来看看具体样式表的写法-----
---------选择器：
a 标记选择器(针对某一个标记生效，如例子中针对当前页面内的所有h1标记生效)：
h1{
color:blue;
font:size:25px;
}
b 类别选择器（在内容标记中用class属性引出，并对该标记的内容生效）
.class{
color:red;
font-size:25px;
}
c id选择器（在某个标记的属性中，用id 属性引出，并针对该标记的内容生效）
#style{
color:red;
font-size:25px;
}
以上是三种选择器的写法，及其引用方法。影响的范围也不同。
关于后面的声明，时间关系，请听下回分解。。。。。。。。。。。。。。。。。。。。。
本文转自 angerfire 51CTO博客，原文链接：http://blog.51cto.com/angerfire/94800，如需转载请自行联系原作者
