书写顺序

浏览器对CSS属性也有自己一个渲染顺序，规则如下：
（1）定位属性：position display float left top right bottom overflow clear z-index
（2）自身属性：width height padding border margin background
（3）文字样式：font-family font-size font-style font-weight font-varient color
（4）文本属性：text-align vertical-align text-wrap text-transform text-indent text-decoration letter-spacing word-spacing white-space text-overflow
（5）css3中新增属性：content box-shadow border-radius transform……
这样写的目的是：减少浏览器reflow（回流），提升浏览器渲染dom的性能
reflow（回流）：当浏览器发现某个部分发生了点变化影响了布局，需要倒回去重新渲染，内行称这个回退的过程叫 reflow。
知道了样式都有哪些，但是一个页面效果的呈现光有样式是不行的，他还需要配合html元素，什么样的样式配合什么样的html元素是有要求的，就像你给a标签元素设置个高度是没有什么效果的，咱先看看页面上到底有几种元素分类：元素的分类与转化