CSS, CSS2, 網頁設計

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

梅干2008/11/21
  看完了上一篇的文章後,相信對於id與class有了基本的概念了,接下來再跟各位來解說,如何來定義樣式、使用樣式,剛開始接觸CSS時,也時常被CSS玩弄,而不是玩弄CSS,主要的原因就在於,當定義完畢後,要如何來使用這就是關鍵所在。相信應該也有不少朋友,明明都定義好了,卻永遠搞不懂#字定義時是要用什麼來引用它,.又是要用什麼來引用它,甚至還有網頁的基本元素的引用,現在就為各位來解開藏在內心許久的問題吧!同時透過圖解的方式,讓你一目嘹然,id、class、網頁元素一次搞定。

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

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

UAG軍規iPhone防摔殼