选择器
ID选择器 #id
类选择器 .class
标签选择器 span
通用选择器 #{}
伪类选择符 a:link a:visited
a:hover a:active
分组选择符 h1，span
注意！
1.ID选择器只能在文档中使用一次。与类选择器不同，在一个HTML文档中，ID选择器只能使用一次，而且仅一次。而类选择器可以使用多次。
2.可以使用类选择器词列表方法为一个元素同时设置多个样式。
3.子选择器（child selector）仅是指它的直接后代，或者你可以理解为作用于子元素的第一代后代。而后代选择器是作用于所有子后代元素。后代选择器通过空格来进行选择，而子选择器是通过“>”进行选择
4.继承
某些样式可继承color
不可继承border:1px solid red
5.权值
CSS权值标签的权值为1，类选择符的权值为10，ID选择符的权值最高为100。例如下面的代码：
p{color:red;} /权值为1/
p span{color:green;} /权值为1+1=2/
.warning{color:white;} /权值为10/
p span.warning{color:purple;} /权值为1+1+10=12/

p{color:red!important;} 最高权值 注意：!important要写在分号的前面
6.层叠
层叠就是在html文件中对于同一个元素可以有多个css样式存在，当有相同权重的样式存在时，会根据这些css样式的前后顺序来决定，处于最后面的css样式会被应用。
内联样式表（标签内部）> 嵌入样式表（当前文件中）> 外部样式表（外部文件中）
7.body{font-family:"Microsoft Yahei";} 英文，M和Y一定要大写才能显示出来
因为这种字体即美观又可以在客户端安全的显示出来（用户本地一般都是默认安装的）
8.字体
font-family:设置字体；
font-size:字体大小；
{font-style:italic;}斜体
{text-decoration:underline;}设置字体样式_下划线
{text-decoration:line-through;}_删除线
p{text-indent:2em;}首行缩进2em
p{line-height:2em;}行高 2em
{letter-spacing:10px}文字间隔 或字母间隔
word-spacing单词间距设置
{text-align:center;}文本、图片设置居中样式

font-weight:bold：设置为粗体样式；
font-weight:normal 默认值
bold 定义粗体字符
bolder 定义更粗的字符
lighter 定义更细的字符
100-0=900 定义由粗到细的字符。400 等同于 normal，而 700 等同于 bold

元素分类
常用的块状元素有：