1. 首頁
  2. »
  3. 網頁開發
  4. »
  5. CSS
  6. »
  7. [CSS]id、class、網頁標籤三大元素深入剖析

[CSS]id、class、網頁標籤三大元素深入剖析

2008/11/21
◎id使用(獨立定義): 當看到ID時,回到Style找 # 開頭的樣式,找到#字後接下來再看id=””裡的文字,再往下找,如此一來那就是此id所設定的樣式了,從下圖各位可以很清楚的看出來,當看到#時就找id,#後的文字需與id=””內的文字相同。 ◎class使用(群組定義): 當看到class時,回到Style找 .開頭的樣式,找到.後接下來再看id=””裡的文字,再往下找,如此一來那就是此class所設定的樣式了,從下圖各位可以很清楚的看出來,當看到.時就找class,.後的文字需與class=””內的文字相同。

◎id使用(獨立定義):
 
當看到ID時,回到Style找 # 開頭的樣式,找到#字後接下來再看id=””裡的文字,再往下找,如此一來那就是此id所設定的樣式了,從下圖各位可以很清楚的看出來,當看到#時就找id,#後的文字需與id=””內的文字相同。


◎class使用(群組定義):
當看到class時,回到Style找 .開頭的樣式,找到.後接下來再看id=””裡的文字,再往下找,如此一來那就是此class所設定的樣式了,從下圖各位可以很清楚的看出來,當看到.時就找class,.後的文字需與class=””內的文字相同。