class作為一種專門對(duì)于樣式定義的屬性，不同于id，除了在使用上可以多個(gè)元素同時(shí)使用一個(gè)class名稱之外，甚至可以同一個(gè)元素使用多個(gè)class樣式。使用方法是在XHTML中的class定義時(shí)，使用空格分隔多個(gè)樣式的名稱：
<div class="c1 c2 c3">示例文本</div>
在使用c1，c2，c3的樣式中，我們?cè)赾2中定義了字體蘭色，c3中定義了字體紅色，而最終顯示的是c3的紅色樣式。這就說(shuō)明了有關(guān)多樣式同時(shí)使用的優(yōu)先問(wèn)題，對(duì)于這樣的多樣式定義，后面的樣式總是能夠覆蓋前面的樣式進(jìn)行最終的顯示，而且只是覆蓋相同的屬性，如c3的紅色覆蓋了c2中的藍(lán)色。這種覆蓋模式不僅僅值得我們編碼上的注意，而且也能夠?yàn)闃邮皆O(shè)置提供更豐富的編寫方式，我們可以實(shí)際基于默認(rèn)樣式的改變，前者定義默認(rèn)樣式，后者通過(guò)屬性參數(shù)的覆蓋進(jìn)行改變。
div vs span
??????? 對(duì)于XHTML中的每一個(gè)對(duì)象而言，都擁有自己默認(rèn)的顯示模式，div對(duì)象的默認(rèn)顯示模式是display:bloc；因?yàn)檫@樣的默認(rèn)模式，從而使用div成為一個(gè)塊狀容器，其默認(rèn)狀態(tài)就將占據(jù)一整行的空間。而span對(duì)象的默認(rèn)顯示模式為display:inline；因?yàn)閟pan將作為一個(gè)行間內(nèi)聯(lián)對(duì)象顯示時(shí)以行內(nèi)連接的方式進(jìn)行顯示。
??????? 正是由于兩個(gè)對(duì)象不同的顯示模式，因此在實(shí)際使用過(guò)程決定了兩個(gè)對(duì)象的不同用途。div對(duì)象的任務(wù)是呈現(xiàn)一個(gè)塊狀內(nèi)容，如一大段文本，一個(gè)導(dǎo)航區(qū)域，一個(gè)頁(yè)腳區(qū)域等顯示為塊狀的內(nèi)容進(jìn)行結(jié)構(gòu)編碼并進(jìn)行樣式設(shè)計(jì)；而作為內(nèi)聯(lián)對(duì)象的span，用途是對(duì)行內(nèi)元素進(jìn)行結(jié)構(gòu)編碼以方便樣式設(shè)計(jì)，span默認(rèn)狀態(tài)下就不會(huì)破壞行中元素的顯示順序，例如在一大段文本中，我們需要改變其中一段文本的顏色，可以將這一小部分文本使用span對(duì)象，并進(jìn)行樣式設(shè)計(jì)。span對(duì)象是專門用于設(shè)計(jì)樣式的一種內(nèi)聯(lián)對(duì)象。