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

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

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

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

請(qǐng)?jiān)O(shè)想一下下面的情況：

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

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

請(qǐng)勿使用固定的字體尺寸
不要使用固定的尺寸值。請(qǐng)始終使用相對(duì)的尺寸值。

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

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

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

通過(guò)調(diào)整網(wǎng)頁(yè)的文本尺寸的功能，也可以改變打印頁(yè)面的文字?jǐn)?shù)目。

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

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

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

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

作為一位 web 設(shè)計(jì)者，您應(yīng)當(dāng)意識(shí)到的事實(shí)是，您的訪問(wèn)者能夠修改默認(rèn)的顏色選項(xiàng)。

如果您為 web 元素定義了顏色，那么同樣應(yīng)當(dāng)定義背景顏色。

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

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