如何讓CSS 2.0 發(fā)揮作用
  • 更新時間:2025-01-19 11:37:20
  • 網站建設
  • 發(fā)布時間:2年前
  • 397

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

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

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

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

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

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

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

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

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

本文章出于推來客官網,轉載請表明原文地址:https://www.tlkjt.com/web/12519.html

在線客服

掃碼聯(lián)系客服

3985758

回到頂部