武林網(www.49028c.com)文章簡介:由于 Web 是 HTML 文檔的集合體——有些是動態的,有些是靜態的,有些是功能性的——它們的排版所遵循的慣例來自于我們的最佳參考對象:六個世紀的印刷傳統。這種傳統包括了排 5是網絡是一個全新而且截然不同的媒體,對于網站的排版來說,我們需要對印刷設計具備一
序言由于 Web 是 HTML 文檔的集合體——有些是動態的,有些是靜態的,有些是功能性的——它們的排版所遵循的慣例來自于我們的最佳參考對象:六個世紀的印刷傳統。這種傳統包括了排印。但是網絡是一個全新而且截然不同的媒體,對于網站的排版來說,我們需要對印刷設計具備一種截然不同的技能組合,而且其受到的限制也更多。
Web 排版回顧在網絡上,設計者對頁面外觀的控制比在其它媒體上要少得多。這種情況在涉及到文件的大小,分辨率和對比度之類的畫布屬性的時候顯得尤為明顯。Web排版的質量還會受到一些嚴格的限制,這一點在關于排版的基礎原則的文章中已經討論過了。
其它值得一提的概念還有對比度, 可辨認性和易讀性——下面我們就來看看這些概念。
對比度通過類型對比度,我們就可以很容易地將文章從空白和相鄰文章中區別出來,類型對比度受到許多因素的影響,比如亮度、顏色、大小和組合。之所以在這里提到對比度,是為了指出低對比度的文本應該設置成所允許的最大尺寸。
可辨認性和易讀性在設計情景中,通過可辨認性,我們可以輕而易舉地對一個文本段落進行特定信息片斷掃描,而通過易讀性,則使得我們能夠很容易地理解一篇文章。表1列出了提高這二者之中某一個性質的質量的設計方法。
表1:可辨認性和可讀性特征
對象文本行長度中縫(文本列之間的
間距) & 行間距
字體類型選擇對齊易讀性中等增大serif右側不齊 [左對齊]
可辨認性短一般sans-serif不固定,通常是兩端對齊
在下一篇文章——CSS 布局模式中我們將討論最佳列寬。
CSS 字體屬性:改變你的文本外觀排版涉及到針對文本的操作,這種操作與組合以及單個字母和詞語的外觀有關。后面這一類任務是由 CSS 字體屬性處理的,我們將在下面進行討論。
字體大小和單位類型選擇由于字號的變化比起字體的變化來說,更能影響頁面外觀,而用戶代理樣式表通常都能很好地處理字體的變形,因此對于文本來說,最基本的屬性就是 font-size。在一條規則中應用該屬性的時候,它后面會跟著一個屬性值,這個值用某種單位指定了字體的大小,也有時是用關鍵字來表示大小的(比如 small 或 medium)。
這是怎樣做到的作為樣式表中最重要的聲明,font-size 聲明的格式是像這樣的:
body {… font-size: 14px; …}由于繼承的緣故,HTML 文檔中所有的字號規格都是基于 body 部分的字號聲明的,不管該聲明是在瀏覽器的樣式表里面還是你的樣式表里面。
瀏覽器默認的 16 像素對你的正文字體大小來說是個不錯的起點,但大多數訪問者都可以輕松閱讀更小的字體。因此,許多設計者選擇了更小的規格——大約 11-14 像素。
如果我們用相對值來指定字體大小,或者用關鍵字來為一個元素指定字體大小,而這個元素的父對象的字體大小不是關鍵字的話,字號設置就會通過繼承來實現。
新聞熱點
疑難解答