武林網(www.survivalescaperooms.com)文章簡介：由于 Web 是 HTML 文檔的集合體——有些是動態的，有些是靜態的，有些是功能性的——它們的排版所遵循的慣例來自于我們的最佳參考對象：六個世紀的印刷傳統。這種傳統包括了排 ５是網絡是一個全新而且截然不同的媒體，對于網站的排版來說，我們需要對印刷設計具備一

由于 Web 是 HTML 文檔的集合體——有些是動態的，有些是靜態的，有些是功能性的——它們的排版所遵循的慣例來自于我們的最佳參考對象：六個世紀的印刷傳統。這種傳統包括了排印。但是網絡是一個全新而且截然不同的媒體，對于網站的排版來說，我們需要對印刷設計具備一種截然不同的技能組合，而且其受到的限制也更多。

在網絡上，設計者對頁面外觀的控制比在其它媒體上要少得多。這種情況在涉及到文件的大小，分辨率和對比度之類的畫布屬性的時候顯得尤為明顯。Web排版的質量還會受到一些嚴格的限制，這一點在關于排版的基礎原則的文章中已經討論過了。

其它值得一提的概念還有對比度, 可辨認性和易讀性——下面我們就來看看這些概念。

通過類型對比度，我們就可以很容易地將文章從空白和相鄰文章中區別出來，類型對比度受到許多因素的影響，比如亮度、顏色、大小和組合。之所以在這里提到對比度，是為了指出低對比度的文本應該設置成所允許的最大尺寸。

在設計情景中，通過可辨認性，我們可以輕而易舉地對一個文本段落進行特定信息片斷掃描，而通過易讀性，則使得我們能夠很容易地理解一篇文章。表1列出了提高這二者之中某一個性質的質量的設計方法。

表1：可辨認性和可讀性特征

對象文本行長度中縫(文本列之間的

間距) & 行間距

易讀性中等增大serif右側不齊 [左對齊]

可辨認性短一般sans-serif不固定，通常是兩端對齊

在下一篇文章——CSS 布局模式中我們將討論最佳列寬。

排版涉及到針對文本的操作，這種操作與組合以及單個字母和詞語的外觀有關。后面這一類任務是由 CSS 字體屬性處理的，我們將在下面進行討論。

由于字號的變化比起字體的變化來說，更能影響頁面外觀，而用戶代理樣式表通常都能很好地處理字體的變形，因此對于文本來說，最基本的屬性就是 font-size。在一條規則中應用該屬性的時候，它后面會跟著一個屬性值，這個值用某種單位指定了字體的大小，也有時是用關鍵字來表示大小的（比如 small 或 medium）。

作為樣式表中最重要的聲明，font-size 聲明的格式是像這樣的：

由于繼承的緣故，HTML 文檔中所有的字號規格都是基于 body 部分的字號聲明的，不管該聲明是在瀏覽器的樣式表里面還是你的樣式表里面。

瀏覽器默認的 16 像素對你的正文字體大小來說是個不錯的起點，但大多數訪問者都可以輕松閱讀更小的字體。因此，許多設計者選擇了更小的規格——大約 11-14 像素。

如果我們用相對值來指定字體大小，或者用關鍵字來為一個元素指定字體大小，而這個元素的父對象的字體大小不是關鍵字的話，字號設置就會通過繼承來實現。