⑵類選擇器，類選擇器以一個點號顯示，使用了html標簽的class屬性。class屬性可以在每個HTML文檔中出現多次。
⑶標簽選擇器，針對某一個或某一組便簽進行設定。
⑷通用選擇器，用“*”表示，用來定義所有元素對象的樣式。
對於以上知識的學習，不能停留在老師講學生聽的模式，而是要采取講、練結合的方式。
此外對於層疊次序要讓學生理解，當同一個HTML元素被不止一個樣式定義時，究竟哪個樣式起作用。優先級由高到低分別為：內聯樣式、內部樣式表、外部樣式表、瀏覽器缺省設置。其中，外部樣式表使用頻率最高；瀏覽器缺省設置對於沒有設置樣式表的元素起作用，每個瀏覽器的默認設置並不完全相同，要讓學生注意。
2.3 CSS中框模型的理解
學生學習了HTMl代碼和CSS的語法結構後，即完成了基本知識的學習。深入理解CSS中框模型是掌握DIV+CSS布局的關鍵。
元素框的最內部分是實際的內容，直接包圍內容的是內邊距。內邊距呈現了元素的背景。內邊距的邊緣是邊框。邊框以外是外邊距，外邊距默認是透明的，因此不會遮擋其後的任何元素。所以，一個元素的背景顏色，應用於由內容和內邊距、邊框組成的區域。在CSS中，width和 height 指的是內容區域的寬度和高度。增加內邊距、邊框和外邊距不會影響內容區域的尺寸，但是會增加元素框的總尺寸[4]。
要理解框模型對於內邊距和外邊距的理解至關重要，但是學生往往在內、外邊距的理解上存在困難。教師在講解的時候，可以在頁麵中輸入一個div標簽，在這個div標簽裏輸入一些文字，並添加背景顏色。先將它的內邊距和外邊距都設為0，寬和高都設為40px，讓學生觀察相應的結果。將它的內邊距設為20px，讓學生看看發生了什麼；之後將這個div標簽的外邊距設為20px，看看發生了什麼。通過以上的講解，學生對於框模型會有一個清晰的認識。
2.4 CSS中的浮動
浮動布局是進行DIV+CSS布局的主要方式，采用float屬性的元素可以形成一個塊級框向左或向右浮動。
div標簽可以把網頁頁麵劃分為若幹個獨立的部分，便於網頁頁麵的布局和組織。但是采用div標簽的默認行為往往無法達到自己所需要的布局效果。當需要把Content部分劃分為Left和Main兩個獨立的部分進行布局時，就需要為相應的div標簽采用浮動。當然，不管是向左浮動還是向右浮動，都會影響div標簽的兩邊，從而打破了原有的文檔流，所以對於後續的div標簽，當需要取消浮動時需要采用clear屬性[5]。
浮動布局是DIV+CSS布局的主要形式，必須讓學生掌握。教學實踐發現，學生對於浮動的概念是能夠理解的，但是在使用上存在問題。比如：對於上麵的例子而言，有一部分學生在添加浮動屬性的時候，隻給id屬性為Left的div標簽添加了浮動，忽略了id屬性為Main的div標簽對於浮動的需要。針對此問題，教師在講解時需要耐心，並且邊講解邊演示，加深學生的認知。
2.5 塊狀元素與內聯元素
塊級元素：一般是其他元素的容器，可容納內聯元素和其他塊狀元素，塊狀元素排斥其他元素與其位於同一行，寬度（width）高度（height）起作用。常見塊狀元素為div和p。