DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> CSS入門知識 >> CSS詳解 >> CSS 3給我們帶來了什麼驚喜?
CSS 3給我們帶來了什麼驚喜?
編輯:CSS詳解     

CSS 3 不是新事物,更不是只是圍繞border-radius屬性實現的圓角。它正耐心的坐在那裡,已經准備好了首次登場,呷著咖啡,等著浏覽器來鋪上紅地毯。你看,浏覽器需要跟上了……”

–謹以此文紀錄ISD WEBTEAM 09年Q2力作:CSS 3.0 參考手冊 (中文版)

背景

蘇昱的《樣式表中文手冊》為代表的CSS2.0參考資料伴隨了國內眾多web設計師們走過了近10年的時光,這種影響是深遠的,但隨著CSS技術的不斷發展,設計師們多受傳統資料的影響,不能超脫現有的籬笆,給自己背上了沉重的包袱。你是否已注意到CSS 3已經蓄勢待發?你是否渴望開始使用它們卻又不知從何下手呢?正當CSS 3新特性備受期待的時候,我們的CSS3.0 中文參考手冊就應運而生了……

什麼是CSS 3?

CSS 是 Cascading Style Sheet 的縮寫。譯作「層疊樣式表」。是用於(增強)控制網頁樣式並允許將樣式信息與網頁內容分離的一種標記性語言。
CSS3.0 則表示下一版本的CSS,3.0是版本號。

CSS 3給我們帶來了什麼驚喜?

CSS3.0對於我們Web設計人員來說不只是新奇的技術,更重要的是這些全新概念的web應用給我們的設計更多的無限可能性,也極大的提高了我們的開發效率。我們將不必再依賴圖片或者 Javascript 去完成圓角、多背景、用戶自定義字體、3D動畫、漸變、盒陰影、文字陰影、透明度等提高Web設計質量的特色應用。CSS 3 .0的出現,讓代碼更簡潔、頁面結構更合理,性能和效果得到兼顧。

使用說明

  • 本手冊服務對象為網頁重構師或前端開發工程師。
  • 本手冊根據W3C工作草案進行翻譯,存在一定的不確定因素,最終解釋權歸ISD WEBTEAM所有。
  • 本手冊的編排參考css3.info的CSS PrevIEw將CSS 3 屬性分為邊框、背景、顏色、文本、用戶界面、基礎盒模型、內容、其它模塊、高級選擇器九大類。
  • 兼容性列表暫時提供Internet Explorer、Firefox、Opera、Safari、Chrome的正式版浏覽器兼容性。
  • 私有屬性列表中,使用Gecko引擎的浏覽器有Firefox,私有屬性以-moz-開始;webkit引擎的浏覽器有Safari、Chrome,以-webkit-開始;Presto引擎的浏覽器有Opera,以-o-開始, 以及Internet Explorer,以-ms-開始,目前只有IE8支持-ms-前綴。
  • 針對每個屬性制作的示例除了@font face因涉及字體版權取自微軟的示例,其它均為團隊成員結合自身的沉澱制作,由於手冊篇幅的局限性,也許有些示例難以理解,後續我們將對這部分示例單獨以文章詳細分析。
  • 繼承性,鑒於W3C工作草案未對繼承性有較清晰的說明,本期未對繼承性有測試,暫不具備參考價值。
  • 如下載的CHM文件打不開,可以嘗試右鍵點擊CHM文件,然後在“屬性”中“解除鎖定”。
  • 本手冊主要用於交流,限於時間緊張,且為業余深耕夜作,錯誤和遺漏難免,望大家在使用中多多反饋。我們會不斷的完善和升級本手冊。這裡提供手冊V1版,以月為單位不定期更新。
  • CSS 3.0 參考手冊 (中文版) 預覽:

    不管你是第一次准備去認識CSS 3,還是已經略知皮毛,CSS 3.0 參考手冊 (中文版)將有助你更好的學習和理解CSS 3 。還等什麼?猛擊http://webteam.tencent.com/css3/下載吧!

    總結

    CSS 3 屬性不僅可以極大的提高我們的工作效率,讓一些最耗時的CSS任務不費吹灰之力就能搞定,並且可以使用更簡潔和更輕量的代碼標簽。雖然一些屬性尚未被廣泛的支持,但這並不意味著我們不能為使用高級浏覽器的用戶提供更好的體驗。

    CSS 3 能讓我們的優化工作有了新的突破。當你已經完成了圖片合並、代碼精簡等優化工作之後,正在焦頭爛額不知道還要做啥的時候,可以嘗試把用戶進行拆分,去尋求更深層次的突破。例如針對一些高級浏覽器使用圓角屬性,在IE浏覽器使用條件注釋(或者hack),那麼是不是可以在保證效果的同時,讓網頁更快的呈現在使用高級浏覽器的用戶面前呢?

    如果我們的網站在各個浏覽器裡的一個差異不影響美觀和網站的可用性,它就應該是被考慮的。如果我們繼續浪費大量的時間和精力以使每個細節絕對一致(而不是采用更靈活的和未來導向的方案),用戶將沒有升級他們的浏覽器的任何動機,我們也就不能更早、更廣泛的使用它們。

    我相信隨著時間的推進和更多浏覽器的支持,CSS 3 將越來越受歡迎,它將為web設計師們帶來無窮的能量。Web設計師們,還等什麼?讓我們一起來感受CSS 3 的能量,用CSS 3 將我們帶入下一個高度吧!

    特別鳴謝

    項目過程中,我們也遇到了很多難點,W3C未正式發布CSS 3 ,工作草案不斷更新,存在諸多不確定因素,中文資料匮乏,涉及多個浏覽器多個版本的浏覽器兼容性測試,測試過程繁瑣等等,項目組成員都逐步克服,感謝大家在平時需求壓力也比較大的時候還能保持著很高的激情參與到CSS 3 項目中來,在公司加完班,回家了還忙著翻譯、測試浏覽器兼容性等等,有時候CSS3項目群裡討論的聊天記錄到凌晨1、2點…正因為有了可愛的你們,項目才能如此順利的進行,他們是:

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved