CSS高級(jí)教程意在發(fā)揮CSS的極限，然而這些醒目的方法對(duì)中級(jí)用戶的效果并不是馬上就顯現(xiàn)出來(lái)的。
現(xiàn)在，可能顯得有些煩瑣，我們來(lái)學(xué)習(xí)替換樣式表，設(shè)置打印樣式等等。

處理HTML元素最要害的一個(gè)竅門，沒(méi)有任何非凡的，就是理解他們是如何工作的。大部分頁(yè)面都可以使用一點(diǎn)點(diǎn)的標(biāo)簽組合起來(lái)，你可以為每一個(gè)你選定的標(biāo)簽樣式化。瀏覽器默認(rèn)的可視化樣式元素由變化的字體樣式、邊界、補(bǔ)白和，和重要的，顯示類型。
最基本的顯示類型是內(nèi)聯(lián)inline、塊block和清除none，他們分別可以用inline、block和none的值賦予display屬性來(lái)操作。
inline就如本身語(yǔ)義所明示的，顯示隨著行流動(dòng)的元素。錨和強(qiáng)調(diào)元素都是傳統(tǒng)的內(nèi)聯(lián)元素。
block使元素前后都有斷行。標(biāo)題和段落元素都是傳統(tǒng)的塊元素的例子。
none，嗯，不顯示這個(gè)元素，聽起來(lái)毫無(wú)用處，但于易用性考慮（請(qǐng)看親和連接），改變樣式表，或者高級(jí)的翻轉(zhuǎn)效果都有很好的用途。
比如這個(gè)站點(diǎn)的默認(rèn)原始版本，通過(guò)操縱一些傳統(tǒng)的內(nèi)聯(lián)和塊元素來(lái)適應(yīng)設(shè)計(jì)。


這使得“htmldog.com”的標(biāo)題和標(biāo)簽行可以并排，而不是一上一下，維護(hù)最優(yōu)的易用性。


上述代碼使用在打印樣式中，用于“關(guān)閉”這些元素，比如，對(duì)于一個(gè)單一的頁(yè)面導(dǎo)航通常是不必須的。

注重


表格

也許理解表格相關(guān)的顯示屬性值的最好方法是關(guān)心HTML表格。table是初始化的顯示，你可以用tr和td分別摹擬table-row和table-cell值。
display屬性走得更遠(yuǎn)，提供table-column、table-row-group、table-column-group、table-header-group、table-footer-group和table-caption的值， 都是自描述的。這些值顯而易見的好處是，你可以用列來(lái)構(gòu)造表格，代替有偏見的row。
最后，inline-table設(shè)置前后不斷行的表格。

注重

對(duì)CSS表格失去控制的話，可能嚴(yán)重的損害你網(wǎng)頁(yè)的親和力（易用性）。HTML應(yīng)該用來(lái)傳達(dá)內(nèi)容的，所以你有表格式數(shù)據(jù)的話，你應(yīng)該用HTML表格來(lái)安排它們。使用CSS表格僅僅能給數(shù)據(jù)調(diào)調(diào)味，假如沒(méi)有CSS的話完全不可讀。十分不好。別走M(jìn)ichael Jackson的路。

其他顯示類型

list-item也是自描述的，一般以列表的形式顯示，使用在除li的HTML元素上。為了顯示正確，使用這個(gè)顯示類型的應(yīng)該嵌套在ul或者ol元素內(nèi)。
run-in使元素內(nèi)聯(lián)或塊顯示，取決于其父元素的的顯示屬性。在IE和基于Mozilla的瀏覽器中都不能工作。
campact也使元素內(nèi)聯(lián)或者塊顯示，同樣取決于上下文。它也不能很好工作。
marker僅僅是與:before和:after偽元素一起來(lái)定義content屬性的值。content屬性的自動(dòng)值已經(jīng)是marker，所以這只對(duì)覆蓋掉前面的content的顯示屬性有用。