HTML CSS基礎課程之標籤的權值

2021-07-22 02:16:30 字數 586 閱讀 1350

有的時候我們為同乙個元素設定了不同的css樣式**,那麼元素會啟用哪乙個css樣式呢?我們來看一下面的**:

p

.first

三年級時,我還是乙個膽小如鼠的小女孩。

p和.first都匹配到了p這個標籤上,那麼會顯示哪種顏色呢?green是正確的顏色,那麼為什麼呢?是因為瀏覽器是根據權值來判斷使用哪種css樣式的,權值高的就使用哪種css樣式。

下面是權值的規則:

標籤的權值為1,類選擇符的權值為10,id選擇符的權值最高為100。例如下面的**:

p/*權值為1*/p span/*權值為1+1=2*/.warning/*權值為10*/p span.warning/*權值為1+1+10=12*/#footer .note p/*權值為100+10+1=111*/
注意:還有乙個權值比較特殊--繼承也有權值但很低,有的文獻提出它只有0.1,所以可以理解為繼承的權值最低。

HTML CSS基礎課程(一)

一 給div命名 語法 二 table標籤,製作網頁上的 建立 的四個元素 table tbody tr th td 1 標記開始 標記結束 3 的一行,所以有幾對tr 就有幾行 4 的乙個單元格,一行中包含幾對.說明一行中就有幾列 5 的頭部的乙個單元格,表頭 6 中列的個數,取決於一行中資料單元...

HTML CSS基礎課程(四)

一 文字輸入框 密碼輸入框 當使用者要在表單中鍵入字母 數字等內容時,就會用到文字輸入框。文字框也可以轉化為密碼輸入框。語法 1 type 當type text 時,輸入框為文字輸入框 當type password 時,輸入框為密碼輸入框 2 name 為文字框命名,以備後台程式asp php使用。...

HTML CSS基礎課程學習(3)

課程 看這裡 乙個網頁上不僅有我們要給使用者看的內容,也需要與使用者進行互動,此時我們需要使用html表單。html表單的功能為把使用者輸入的資料傳送到伺服器端,以便伺服器端處理資料。語法如下 其中 type 當type text 時,輸入框為文字輸入框 當type password 時,輸入框為密...