• 未分類
  • 平面理論教程
  • Flash教程
  • 其他作品
  • 標誌設計
  • 海報招貼
  • 包裝設計
  • 畫冊設計
  • 網頁設計
  • 名片設計
  • PS作品
  • CG設計
  • MAYA教程
  • Illustrator教程
  • AutoCAD教程
  • 3DMAX教程
  • Painter教程
  • 繪畫教程
  • FireWorks教程
  • 攝影教程
  • 工業設計
  • 網頁設計教程
  • 其他資訊
  • 摺紙大全




  • [ 網頁設計教程 ] CSS教學:CSS給我們帶入下一個高度—- 其他教程




    教學主題: CSS教程:CSS給我們帶入下一個高度

    大家好!! 小編今天來和大家分享關於 其他教程中的網頁設計教程教學

    今天的這個教學主題是: CSS教程:CSS給我們帶入下一個高度

    這教學的重點為這幾點 [ 高度,一個,我們,教程,CSS,瀏覽器,手冊,屬性,使用,工 ]

    希望你可以從這幾點中領悟到修圖的精華

    本文重點

    CSS 3 不是新事物,更不是只是圍繞border-radius屬性實現的圓角。它正耐心的坐在那裡,已經準備好了首次登場,呷着咖啡,等着瀏覽器來鋪上紅地毯。你看,瀏覽器需要跟上了 謹以此文紀錄ISD WEBTEAM 09年Q2力作:CSS 3.0 中文參考手冊 背景 蘇昱的《樣式表中

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

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

    CSS教學:CSS給我們帶入下一個高度

    背景

    蘇昱的《樣式表中文手冊》為代表的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點…正因為有了可愛的你們,項目才能如此順利的進行,他們是:

    CSS教學:CSS給我們帶入下一個高度

    討論:http://www.missyuan.com/viewthread.php?tid=430367

    看完小編分享的教學之後 是不是對網頁設計教程中的其他教程教學更熟悉了呢?

    希望我們所介紹的 CSS教程:CSS給我們帶入下一個高度 這教學會喜歡

    文章標題: 骨子愛創意- CSS教程:CSS給我們帶入下一個高度–轉載請註明來源處

    本教學分類為網頁設計教程中的 其他教程相關教學

    文章相關關鍵字為: 高度,一個,我們,教程,CSS,瀏覽器,手冊,屬性,使用,工

    本文永久連結 :CSS教程:CSS給我們帶入下一個高度

    本文轉載自 :VIA