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. 垂直居中詳細方法