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

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

---

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

---

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