發布日(rì)期:2013-02-27
使用(yòng)樣式表對(duì)于提升網頁品質至關重要(yào)。自λ←βφ(zì)己人(rén)網絡建議(yì)大(dà)家₹↔¶₹(jiā)請(qǐng)勿使用(yòng) font 标簽,應盡量使用(yΩ™<€òng) CSS 來(lái)設置顯示網頁上(shàng)的ε₩(de)字體(tǐ)尺寸。因為(wèi)使用(yòng) <font&gλ≠t; 标簽會(huì)增加文(wén)檔的(de)規模,而且使您每次改變标準文(wén)字尺寸的$δαα(de)工(gōng)作(zuò)成為(₽•'☆wèi)一(yī)場(chǎng)夢魇。επ
請(qǐng)設想一(yī)下(xiàΩΩ)下(xià)面的(de)情況:
一(yī)天您決定修改網站(zhàn)中所有(yǒu)标題的(de)顔色和(hé)尺☆•λ寸。通(tōng)過 CSS,您隻需要(yào)修改一(yī)行(xíng)就(jiù)可•±π(kě)以做(zuò)到(dào)這(zhè)一(y α"ī)點。假如(rú)您使用(yòng)了(le) <font>标簽,那(nà)麽您↔∑>需要(yào)把網站(zhàn)中所有(yǒu)頁面的(de)所有♠₽$$(yǒu)标題都(dōu)修改一(yī)∏<☆遍。
使用(yòng)樣式替代 <font> 标簽可(kě)使我們更輕松£₩地(dì)為(wèi)網頁制(zhì)作(zuò)高(gāo)質量的(deΩ>ε¶)界面。
請(qǐng)勿使用(yòng)固定的(de)字體(×ε'γtǐ)尺寸
不(bù)要(yào)使用(yòng)固定的(de)尺寸值。請(qǐng)始終使用(y≤òng)相(xiàng)對(duì)的(de)尺寸值。
這(zhè)項建議(yì)最重要(yào)的(de)理(lǐ)由是(shì)ε÷≥♥無法通(tōng)過浏覽器(qì)重新調整固定尺寸的(de)大(dà)小(₩✔←Ωxiǎo)。
您的(de)訪問(wèn)者會(huì)使用(yòng¥∞π≥)不(bù)同的(de)設備(顯示器(qì))、不(bù ↔)同的(de)浏覽環境(光(guāng)線)以及可(kě)能(néng)的(de)≥♠Ω×殘疾(弱視(shì))。
例如(rú),可(kě)以把某人(rén)的(de)文(wén)字尺寸設置為(w ε↕èi)100%(或者 medium ),主标題設置為(wèi)1±€'•40%(或者 x-large ),而次級的(de)标題設置為(wèi₩©←)120%(或者 large ),這(zhè)樣用(yòng)戶就(jiù)可('λ₹kě)以使用(yòng)浏覽器(qì)來(lái)重新設定最喜歡的(de)尺寸了(l"≠e)。
通(tōng)過調整網頁的(de)文(♦>γwén)本尺寸的(de)功能(néng),也(yě)™ 可(kě)以改變打印頁面的(de)文(wén)字數(shù)目。
請(qǐng)勿使用(yòng)很(hěn)小(xiǎ≥™o)的(de)默認字體(tǐ)尺寸
一(yī)些(xiē)網站(zhàn)會(huì)使用(yònπΩg)很(hěn)小(xiǎo)的(de)文(wén)字Ω 尺寸,這(zhè)樣就(jiù)可(kě)以向每張頁面“塞”入✔£←更多(duō)的(de)內(nèi)容,或者使頁面看(kàn)上(shàng)去(qù)更&ldq 'εσuo;時(shí)髦”。
再次重申,使用(yòng)不(bù)®同的(de)設備(顯示器(qì))、不(bù)同的(de)浏覽環境(光(guāng)線)以¥®π 及可(kě)能(néng)的(de)殘疾(弱視(s§ →hì)),都(dōu)可(kě)能(nén¥™φg)對(duì)用(yòng)戶造成閱讀(dú)障礙。
請(qǐng)不(bù)要(yào)逼迫用(yòng)戶每次訪問(wε↑↔èn)你(nǐ)的(de)站(zhàn)點時(shí)都(dōu)要(yào ε)放(fàng)大(dà)文(wén)本的(de↑∞γ)尺寸。
始終使用(yòng)一(yī)緻的(de)背景顔色
大(dà)部分(fēn)網頁都(dōu)會(huì)為©♦₽(wèi)不(bù)同的(de)文(wén)本元素使用(yòng)顔色。标題和(σ÷hé)鏈接的(de)顔色通(tōng)常與正文(wén)的(de)文(wé£≠n)本顔色是(shì)不(bù)同的(de)。
作(zuò)為(wèi)一(yī)位 web βγ≠設計(jì)者,您應當意識到(dào)的(de)事(β↕shì)實是(shì),您的(de)訪問(wèn)者能(néng)夠修改默認✘ε✔的(de)顔色選項。
如(rú)果您為(wèi) web 元素定義了(le)顔色,那(nà)麽同樣應"→<→當定義背景顔色。
如(rú)果不(bù)定義背景顔色,那(nà)麽您的(de)網站(zhàn)可(kě)能(n↔€éng)會(huì)被糟糕的(de)顔色組合搞砸(比如(rú¶σ•₩)紅(hóng)色背景上(shàng)面的(de)亮(liàng)紅(hóng)文(wé §σ&n)字,或者深色文(wén)本搭配的(de)深色背景)。
如(rú)果您不(bù)規定背景顔色,可(kě)能(néng)會(huλ₽ì)使文(wén)本很(hěn)難被識别。
上(shàng)一(yī)篇:有(yǒu)關使用(yòng)模闆網站(zhàn)的(de)優劣
下(xià)一(yī)篇:網站(zhàn)建設該如(rú)何練好(hǎo)其基本功
創建網站(zhàn) 如(rú)此簡單
專屬為(wèi)客戶提供最有(yǒu)價值的(de)互聯網設計(jì)方案
策略+創意+設計(jì)+服務!
網站(zhàn)策劃 >
網站(zhàn)調研和(hé)競争分(fēn)析
網站(zhàn)的(de)策劃和(hé)定位✔±
網頁設計(jì) >
網站(zhàn)頁面個(gè)性化(huà)設計(jì)
W3C标準化(huà)前端交互技(jì)術(shù)開(kāi)'φ發
視(shì)覺還(hái)原 >
定制(zhì)化(huà)HTML頁面嵌套
內(nèi)容管理(lǐ)系統定制(zhì)開(kāi)發
優化(huà)推廣 >
SEO搜索引擎優化(huà)
SEM搜索引擎營銷
媒體(tǐ)營銷 >
MMM移動媒體(tǐ)營銷
社會(huì)化(huà)媒體(tǐ)活動策劃
我們的(de)實力
營銷中心
服務內(nèi)容
案例展示