CSS选择器总结
1，div是一个标准的块级元素。一个块级元素会新开始一行并且尽可能撑满容器。
其他的常用块级元素包括：p，form 和HTML5中的新元素：header,footer,section等等
span 是一个标准的行内元素，就像a元素一样
2，前端工程师主要打交道的是浏览器
主要浏览器和内核： IE : 内核：trident
Firefox:内核Gecko
Google chrome:内核：Webkit/blink
Safari: 内核：Webkit
Opera: 内核：presto
3,异步的：分开同时加载
同步的：一个执行完在执行另一个
4， 选择器的优先顺序
!important > 行间样式 >id选择器 >class | 属性选择器 > 标签选择器 > 通配符选择器
5，CSS权重
！importan Infinity
行间样式 1000
id 100
class|属性|伪类 10
标签|伪元素 1
通配符 0
(256进制)
6，复杂选择器
div span{} //又叫父子选择器 或者 派生选择器
div > span {} // 直接子元素选择器
div.demo{} //并列选择器
div#demo{} //并列选择器
a:hover{} //伪类选择器
伪元素：一个标签天生都有两个伪元素
span::before{}
span::after{};
7：选择器的先后顺序
！important > 行间样式 > id选择器 > class 选择器 == 属性选择器 > 标签选择器 > 通配符
8：CSS权重
!important Infinity
行间样式 1000
id 100
class|属性|伪类 10
标签|伪元素 1
通配符 0
直接子元素选择器 div > em {};
http://note.youdao.com/noteshare?id=9e86be768de134190086f44e13567ed3&sub=47D9658098BA44219F6C84BA96E875C4