css應(yīng)用是本文的重點(diǎn)，也是向Web標(biāo)準(zhǔn)過(guò)渡的重要一環(huán)。與結(jié)構(gòu)設(shè)計(jì)相比，表現(xiàn)層的風(fēng)格設(shè)計(jì)變化更大，更難掌握。對(duì)于千變?nèi)f化的網(wǎng)頁(yè)設(shè)計(jì)，如何將設(shè)計(jì)編碼成機(jī)器可以識(shí)別的樣式語(yǔ)言，也是CSS關(guān)注的重點(diǎn)。 Css豐富的風(fēng)格表達(dá)也對(duì)設(shè)計(jì)師提出了更高的要求。針對(duì)向Web標(biāo)準(zhǔn)過(guò)渡的要求，首先對(duì)CSS的編寫提出了一些建議和要求，這些內(nèi)容將在后面的章節(jié)中詳細(xì)討論。1.合理的CSS文件結(jié)構(gòu)

CSS雖然實(shí)現(xiàn)了樣式設(shè)計(jì)與內(nèi)容的分離，但CSS文件本身也應(yīng)該具有良好的層次結(jié)構(gòu)和規(guī)范，以進(jìn)一步提高樣式設(shè)計(jì)的可維護(hù)性。 CSS本身就支持導(dǎo)入功能。對(duì)于大型網(wǎng)站設(shè)計(jì)，建議使用單獨(dú)的CSS 文件來(lái)組織樣式。比如字體樣式專門寫在font.css文件中，表單設(shè)計(jì)放在form.css文件中。通過(guò)合理組織這些文件，可以為后期維護(hù)帶來(lái)方便，也方便網(wǎng)站程序根據(jù)瀏覽器版本或終端設(shè)備調(diào)用文件，進(jìn)一步提高CSS的跨平臺(tái)適應(yīng)性。2.繼承與重用的優(yōu)勢(shì)

使用CSSs的優(yōu)勢(shì)在于其良好的復(fù)用特性，一段CSSs設(shè)計(jì)代碼可以同時(shí)被多個(gè)領(lǐng)域使用。 CSSs除了烏龜功能外，還可以實(shí)現(xiàn)類似面向?qū)ο缶幊痰睦^承機(jī)制，通過(guò)這種繼承機(jī)制可以進(jìn)一步完善網(wǎng)站的樣式結(jié)構(gòu)。比如在css對(duì)應(yīng)的XHTML中，一級(jí)標(biāo)簽總是先使用自己標(biāo)簽的樣式設(shè)計(jì)，然后再使用父級(jí)標(biāo)簽的樣式，這樣就可以在每一層分別放一些代碼，他們互相作用； unified 代碼放在頂級(jí)標(biāo)簽中。通過(guò)使用這個(gè)具有繼承機(jī)制的功能，我們可以進(jìn)一步減少樣式設(shè)計(jì)的代碼量，進(jìn)一步改進(jìn)設(shè)計(jì)方法。3.設(shè)計(jì)跨平臺(tái)的代碼

CSS 也有美中不足的地方。由于不同品牌的瀏覽器、不同版本之間的渲染方式不同，不同用戶對(duì)CSS的解析也存在一定差異。一些舊版本的瀏覽器（如IE4.0和IE5.0等）仍然被很多不愿意升級(jí)的用戶所使用。另外PC F和MAC機(jī)下也沒(méi)有瀏覽器產(chǎn)品。等等?；谶@些原因，CSS設(shè)計(jì)也應(yīng)該具有一定的跨平臺(tái)兼容特性，編碼時(shí)應(yīng)盡量減少不常用屬性的使用。如果你想兼容舊版本的瀏覽器，你還應(yīng)該注意留下某些CSS hack代碼。4.具有良好可用性的Css樣式設(shè)計(jì)

可用性隨著計(jì)算機(jī)人機(jī)交互技術(shù)的發(fā)展不斷擴(kuò)展其內(nèi)容和形式。易用性的目標(biāo)是讓我們的交互產(chǎn)品（軟件、網(wǎng)站）最大限度的滿足用戶的需求，讓產(chǎn)品更容易被用戶使用，從根本上改變用戶與產(chǎn)品交互的主觀過(guò)程，提升產(chǎn)品價(jià)值，給產(chǎn)品和用戶都帶來(lái)好處。作為一種樣式設(shè)計(jì)代碼，CSS也包含了可用性設(shè)計(jì)的內(nèi)容。

CSS樣式的設(shè)計(jì)意味著你需要重新考慮你對(duì)網(wǎng)站整體風(fēng)格的把握。從視覺設(shè)計(jì)的角度來(lái)看，為了實(shí)現(xiàn)最大的復(fù)用和合理的結(jié)構(gòu)，需要統(tǒng)一的字體、字號(hào)和排版形式。這些統(tǒng)一的設(shè)計(jì)有助于視覺設(shè)計(jì)和可用性的提高。對(duì)于網(wǎng)站的細(xì)節(jié)，如鏈接變化提示、鏈接區(qū)域、導(dǎo)航的操作感等，也是CSS可用性設(shè)計(jì)的目標(biāo)。最終目標(biāo)是通過(guò)良好的設(shè)計(jì)創(chuàng)建一個(gè)更好的交互網(wǎng)站。方便用戶使用，為網(wǎng)站和用戶創(chuàng)造價(jià)值。5，使用基干DOM的腳本語(yǔ)言來(lái)編寫交互

DOM也是為了實(shí)現(xiàn)腳本語(yǔ)言的跨平臺(tái)、跨瀏覽器應(yīng)用而產(chǎn)生的。 DOM（DocumentObject Model，文檔對(duì)象模型）是由W3C制定的獨(dú)立于瀏覽器的接口。它可以對(duì)網(wǎng)頁(yè)中的標(biāo)準(zhǔn)組件（如HTML標(biāo)簽）做出技術(shù)上統(tǒng)一的規(guī)范，使得腳本語(yǔ)言可以訪問(wèn)這些組件，前提是瀏覽器支持這種基于DOM的定義規(guī)范。

目前，大多數(shù)瀏覽器都支持標(biāo)準(zhǔn)DOM。使用符合DOM 的腳本語(yǔ)言，基本上就不需要檢查不同版本的瀏覽器和編寫幾套不同的代碼了。只要使用符合DOM 的瀏覽器，相同的代碼就可以完成所有支持的操作。目前的javaScript 是一種符合DOM標(biāo)準(zhǔn)的腳本語(yǔ)言。關(guān)于DOM的詳細(xì)信息可以訪問(wèn)W3C的DOM專欄：http://www.w3.org/dom。

我們專注高端建站，小程序開發(fā)、軟件系統(tǒng)定制開發(fā)、BUG修復(fù)、物聯(lián)網(wǎng)開發(fā)、各類API接口對(duì)接開發(fā)等。十余年開發(fā)經(jīng)驗(yàn)，每一個(gè)項(xiàng)目承諾做到滿意為止，多一次對(duì)比，一定讓您多一份收獲！