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

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

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

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

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

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

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

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

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