Web 品質(zhì)樣式表

2022-03-02 15:14 更新

使用樣式表對于提升網(wǎng)頁品質(zhì)至關(guān)重要。


不要使用 <font> 標簽!

應使用 CSS 來設置顯示網(wǎng)頁上的字體尺寸。請不要使用 font 標簽。

使用 <font> 標簽會增加文檔的規(guī)模,而且使您每次改變標準文字尺寸的工作成為一場夢魘。

請設想一下下面的情況:

一天您決定修改網(wǎng)站中所有標題的顏色和尺寸。通過 CSS,您只需要修改一行就可以做到這一點。假如您使用了 <font>標簽,那么您需要把網(wǎng)站中所有頁面的所有標題都修改一遍。

lamp.gif使用樣式替代 <font> 標簽可使我們更輕松地為網(wǎng)頁制作高質(zhì)量的界面。


請勿使用固定的字體尺寸

不要使用固定的尺寸值。請始終使用相對的尺寸值。

這項建議最重要的理由是無法通過瀏覽器重新調(diào)整固定尺寸的大小。

您的訪問者會使用不同的設備(顯示器)、不同的瀏覽環(huán)境(光線)以及可能的殘疾(弱視)。

例如,可以把某人的文字尺寸設置為100%(或者 medium ),主標題設置為140%(或者 x-large ),而次級的標題設置為120%(或者 large ),這樣用戶就可以使用瀏覽器來重新設定最喜歡的尺寸了。

注意: 通過調(diào)整網(wǎng)頁的文本尺寸的功能,也可以改變打印頁面的文字數(shù)目。


請勿使用很小的默認字體尺寸

一些網(wǎng)站會使用很小的文字尺寸,這樣就可以向每張頁面"塞"入更多的內(nèi)容,或者使頁面看上去更"時髦"。

再次重申,使用不同的設備(顯示器)、不同的瀏覽環(huán)境(光線)以及可能的殘疾(弱視),都可能對用戶造成閱讀障礙。

lamp.gif請不要逼迫用戶每次訪問你的站點時都要放大文本的尺寸。


始終使用一致的背景顏色

大部分網(wǎng)頁都會為不同的文本元素使用顏色。標題和鏈接的顏色通常與正文的文本顏色是不同的。

作為一位 web 設計者,您應當意識到的事實是,您的訪問者能夠修改默認的顏色選項。

如果您為 web 元素定義了顏色,那么同樣應當定義背景顏色。

如果不定義背景顏色,那么您的網(wǎng)站可能會被糟糕的顏色組合搞砸(比如紅色背景上面的亮紅文字,或者深色文本搭配的深色背景)。

lamp.gif如果您不規(guī)定背景顏色,可能會使文本很難被識別。

以上內(nèi)容是否對您有幫助:
在線筆記
App下載
App下載

掃描二維碼

下載編程獅App

公眾號
微信公眾號

編程獅公眾號