1. 子元素选择器
子元素选择器只能选择作为某子元素（亲儿子）的元素
.class>h3{color:red;font-size:14px;}
2. 伪类
- a:link 未访问的链接
- a:visited 已访问的链接
- a:hover 鼠标移动到链接上
- a:active 选定的链接
尽量按照lvha的顺序
3. 块级元素
常见的块级元素
<h1>-<h6><p><div><ul><ol><li>
特点
- 自己独占一行
- 高度，宽度，外边距，内边距都可以控制
- 宽度默认是容器的100%
- 是一个容器及盒子，里面可以放行内或者块级元素
4.行内元素
<a><em><i><span>等
特点
1.行内元素在一行上，一行可以显示多个
- 宽，高设置无效
- 默认宽度就是它本身内容的宽度
- 行内元素只能收容文本或其他行内元素
5. 行内块元素（inline-block）
<img /><input /><td>
特点
- 和相邻行内元素在一行上，但是之间会有空白缝隙，一行可以显示多个
- 默认宽度就是他本身的内容宽度
- 高度，行高，外边距以及内边距都可以控制
6. display
- 块级转行内：display:inline
- 行内转块级：display：block
- 块,行内元素转换为行内块：display：inline-block
7.line-height
可以使文字在盒子中垂直居中
（令line-height等于盒子高度）
8.background-position
9. 背景附着
10. 背景透明
11.css优先级
从高到低
- !important
- 行内样式style
- ID选择器
- 类选择器（class）
- 标签选择器
- 继承或者*
权重叠加
