class作為一種專門對于樣式定義的屬性,不同于id,除了在使用上可以多個元素同時使用一個class名稱之外,甚至可以同一個元素使用多個class樣式。使用方法是在XHTML中的class定義時,使用空格分隔多個樣式的名稱:
<div class="c1 c2 c3">示例文本</div>
在使用c1,c2,c3的樣式中,我們在c2中定義了字體蘭色,c3中定義了字體紅色,而最終顯示的是c3的紅色樣式。這就說明了有關多樣式同時使用的優先問題,對于這樣的多樣式定義,后面的樣式總是能夠覆蓋前面的樣式進行最終的顯示,而且只是覆蓋相同的屬性,如c3的紅色覆蓋了c2中的藍色。這種覆蓋模式不僅僅值得我們編碼上的注意,而且也能夠為樣式設置提供更豐富的編寫方式,我們可以實際基于默認樣式的改變,前者定義默認樣式,后者通過屬性參數的覆蓋進行改變。
div vs span
??????? 對于XHTML中的每一個對象而言,都擁有自己默認的顯示模式,div對象的默認顯示模式是display:bloc;因為這樣的默認模式,從而使用div成為一個塊狀容器,其默認狀態就將占據一整行的空間。而span對象的默認顯示模式為display:inline;因為span將作為一個行間內聯對象顯示時以行內連接的方式進行顯示。
??????? 正是由于兩個對象不同的顯示模式,因此在實際使用過程決定了兩個對象的不同用途。div對象的任務是呈現一個塊狀內容,如一大段文本,一個導航區域,一個頁腳區域等顯示為塊狀的內容進行結構編碼并進行樣式設計;而作為內聯對象的span,用途是對行內元素進行結構編碼以方便樣式設計,span默認狀態下就不會破壞行中元素的顯示順序,例如在一大段文本中,我們需要改變其中一段文本的顏色,可以將這一小部分文本使用span對象,并進行樣式設計。span對象是專門用于設計樣式的一種內聯對象。