1.02日(rì)音(yīn)訊,提升完美(měi)必知(z®hī)的(de)樣式表知(zhī)識。大(dà)↔>"家(jiā)都(dōu)知(zhī)道(dào)使用(yòng)樣©≈✔式表對(duì)于提升網頁品質至關重要(yào),無論從(c≠©óng)頁面的(de)冗餘、代碼的(de)簡潔、後續的(de™π£)維護和(hé)對(duì)用(yòng)戶的(de)體(tǐ)驗速度上(s ↓hàng)都(dōu)有(yǒu)良好(✘ hǎo)的(de)優勢,所以大(dà)家(jiā)在運用(yò>λng)的(de)時(shí)候也(yě)要(yào)注意一(yī)些(×xiē)事(shì)項,盡量把它運用(yòng)的(de)更加§♦λ₹規範和(hé)合理(lǐ),下(xià)面邯鄲網站(zhàn)制(zhì)作$"(zuò)首創網絡小(xiǎo)編來(lái)給大(dàε<)家(jiā)說(shuō)一(yī)下(xià)幾點注意的(de)事(shìδ )項,供大(dà)家(jiā)參考學習(xí)。
請(qǐng)勿使用(yòng)font标簽
應使用(yòng)CSS來(lái♣✘↔)設置顯示網頁上(shàng)的(de)字體(tβδ$φǐ)尺寸。請(qǐng)不(bù)要(yào)使用(yòng)font标✘♦π∏簽。
使用(yòng)<font>标簽會₩α•×(huì)增加文(wén)檔的(de)規 '$>模,而且使您每次改變标準文(wén)字尺寸的(de)工(gōng)作(zuπ•ò)成為(wèi)一(yī)場(chǎng)夢魇。
請(qǐng)設想一(yī)下(xià)下(xià)面的(d✘βe)情況:
一(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)140%(或者x-large),♥≥而次級的(de)标題設置為(wèi)12≥★0%(或者large),這(zhè)樣用(yòng)戶就(jiù)可(kě)ε ¥♦以使用(yòng)浏覽器(qì)來(lá₽≥ i)重新設定最喜歡的(de)尺寸了(le)。
通(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òng)很(hěn)小(xiǎo)的(de)₩文(wén)字尺寸,這(zhè)樣就(ji♥$Ωù)可(kě)以向每張頁面“塞”入更多(≥$duō)的(de)內(nèi)容,或者使頁面看(kàn)上(sh→$àng)去(qù)更“時(shí)髦”。
再次重申,使用(yòng)不(bù)同的(✔♠de)設備(顯示器(qì))、不(bù)同的(de)浏覽環境(光(guāng∞♥)線)以及可(kě)能(néng)的(de)&α殘疾(弱視(shì)),都(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én♥£>₩g)會(huì)使文(wén)本很(hěn)難被識别。