關於css權值的問題

最近迷上html5，看了一些相關學習資料，如今把css中常見易出錯易混淆的知識總結一下：

首先說一下關於css樣式繼承，重疊和特殊性：

有的時候咱們會爲同一個元素設置不一樣的css樣式代碼，那麼元素會啓用哪個css樣式呢？

瀏覽器是根據權值來判斷使用哪一種樣式的，權值越高，就使用哪一種樣式。

下面是權值的規則：

標籤的權值爲1，類選擇符的權值爲10，ID選擇符的權值最高爲100

1.特殊性

還有一個權值比較特殊----繼承也有權值可是很低，有的文獻提出它只有0.1，因此能夠理解繼承的權限最低。

2.層疊

 可是若是html引用的多個css樣式具備相同的權值該會用哪個樣式呢？下面就來講說層疊這個問題。

當有相同權重的樣式存在時，瀏覽器會根據這些css樣式的先後順序來決定，處於最後面的css樣式將會被應用，這就不難理解了：

內聯樣式表（標籤內部）>嵌入樣式表（當前文件中）>外部樣式表（外部文件中）

3.重要性

咱們在作網頁代碼時，有些特殊的狀況須要爲某些樣式設置最高權值怎麼辦？這時咱們可使用！important來解決！

這裏須要注意的是當網頁製做着不設置css樣式時，瀏覽器會按照本身的一套樣式來顯示網頁，而且用戶能夠在瀏覽器中設置本身習慣的樣式，好比有的用戶習慣把字號設置的大一些，使其查看網頁的文本更加清楚，這時注意樣式的優先級爲：瀏覽器默認的樣式<網頁製做者的樣式<用戶本身設置的樣式，但記住！important優先級是個例外，權值高於用戶本身設置的樣式。

待續...