網(wǎng)站優(yōu)化教程(3)：樣式表CSS發(fā)布者：本站     時(shí)間：2020-01-02 11:01:55

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

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

使用 <font> 標簽會(huì )增加文檔的規模，而且使您每次改變標準文字尺寸的工作成為一場(chǎng)夢(mèng)魘。

請設想一下下面的情況：

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

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

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

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

您的訪(fǎng)問(wèn)者會(huì )使用不同的設備（顯示器）、不同的瀏覽環(huán)境（光線(xiàn)）以及可能的殘疾（弱視）。

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

通過(guò)調整網(wǎng)頁(yè)的文本尺寸的功能，也可以改變打印頁(yè)面的文字數目。

請勿使用很小的默認字體尺寸
一些網(wǎng)站會(huì )使用很小的文字尺寸，這樣就可以向每張頁(yè)面“塞”入更多的內容，或者使頁(yè)面看上去更“時(shí)髦”。

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

請不要逼迫用戶(hù)每次訪(fǎng)問(wèn)你的站點(diǎn)時(shí)都要放大文本的尺寸。

始終使用一致的背景顏色
大部分網(wǎng)頁(yè)都會(huì )為不同的文本元素使用顏色。標題和鏈接的顏色通常與正文的文本顏色是不同的。

作為一位 web 設計者，您應當意識到的事實(shí)是，您的訪(fǎng)問(wèn)者能夠修改默認的顏色選項。

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

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

如果您不規定背景顏色，可能會(huì )使文本很難被識別。