css优先级与垂直居中

页面布局过程当中关于css优先性和行高问题，从新整理了一下。

css优先性

有重要声明!important的优先级最高； 每一个选择器均可以对特殊性作评分。按照个十百千分别对应，内联样式，ID值，类属性（伪类、属性选择器），各元素（伪元素）。（一般只计算后三位，由于只在外部样式表中写css）

在对比时，对含有此类选择器的在对应位置上加1，例如 #meadow dl 得分为102； .head dl dt a得分为13；在样式重叠时浏览器会选择得分高的。

另外 通配符的特殊性为0，而继承值无特殊性，故同一元素，如有通配符{color:gray;}，同时 设置h1 #page{color:black;} ，那么h1 下的子元素<em>等继承的颜色black没有特殊性，所以会显示特殊性为0的gray颜色。

下面是一些声明按重要性排序。

1.读者的重要声明；

2.创做人员的重要声明；

3.创做人员的正常声明；

4.读者的正常声明；

5.用户代理声明；

若是声明权重特殊性一致，则比较样式表中出现的前后顺序，后出现的胜出。

垂直居中

盒子模型的padding margin可实现，另外能够用line-height让文本居中，或者用表格属性table,父元素display为table,子元素设置table-cell。vertical-align是不能让块元素中的内容居中的。

vertical-align只能用于行内元素，span 表单之类的元素，主要用于行内元素与文本之间的对齐，行顶部top、文字顶部text-top、基线middle、底部bottom、文字底部text-bottom、上下角标sub sup. 垂直居中详细方法