Web 品質樣式表
使用樣式表對於提升網頁品質至關重要。
不要使用 <font> 標籤!
應使用 CSS 來設定顯示網頁上的字體尺寸。請不要使用 font 標籤。
使用 <font> 標籤會增加文件的規模,而且使您每次改變標準文字尺寸的工作成為一場夢魘。
請設想一下下面的情況:
一天您決定修改網站中所有標題的顏色和尺寸。透過 CSS,您只需要修改一行就可以做到這一點。如果您使用了 <font>標籤,那麼您需要將網站中所有頁面的所有標題都修改一遍。
使用樣式替代 <font> 標籤可使我們更輕鬆地為網頁製作高品質的介面。
請勿使用固定的字體尺寸
不要使用固定的尺寸值。請務必使用相對的尺寸值。
這項建議最重要的理由是無法透過瀏覽器重新調整固定尺寸的大小。
您的訪客會使用不同的裝置(顯示器)、不同的瀏覽環境(光線)以及可能的殘疾(弱視)。
例如,可以把某人的文字尺寸設定為100%(或medium ),主標題設定為140%(或x-large ),而次級的標題設定為120%(或large ) ,這樣使用者就可以使用瀏覽器來重新設定最喜歡的尺寸了。
注意: 透過調整網頁的文字尺寸的功能,也可以改變列印頁面的文字數目。
請勿使用很小的預設字體尺寸
有些網站會使用很小的文字尺寸,這樣就可以向每個頁面"塞"入更多的內容,或使頁面看起來更"時髦"。
再次重申,使用不同的裝置(顯示器)、不同的瀏覽環境(光線)以及可能的殘疾(弱視),都可能對使用者造成閱讀障礙。
請不要強迫使用者每次造訪你的網站時都要放大文字的尺寸。
總是使用一致的背景顏色
大部分網頁都會為不同的文字元素使用顏色。標題和連結的顏色通常與正文的文字顏色是不同的。
身為 web 設計者,您應該意識到的事實是,您的訪客能夠修改預設的顏色選項。
如果您為 web 元素定義了顏色,那麼同樣應定義背景顏色。
如果不定義背景顏色,那麼您的網站可能會被糟糕的顏色組合搞砸(例如紅色背景上面的亮紅文字,或深色文字搭配的深色背景)。
如果您不規定背景顏色,可能會使文字很難被辨識。