|
“CSS 3 不是新事物，更不是只是圍繞border-radius屬性實(shí)現(xiàn)的圓角。它正耐心的坐在那里，已經(jīng)準(zhǔn)備好了首次登場(chǎng)，呷著咖啡，等著瀏覽器來(lái)鋪上紅地毯。你看，瀏覽器需要跟上了……”
–謹(jǐn)以此文紀(jì)錄ISD WEBTEAM 09年Q2力作：CSS 3.0 參考手冊(cè) (中文版)
背景
蘇昱的《樣式表中文手冊(cè)》為代表的CSS2.0參考資料伴隨了國(guó)內(nèi)眾多web設(shè)計(jì)師們走過(guò)了近10年的時(shí)光，這種影響是深遠(yuǎn)的，但隨著CSS技術(shù)的不斷發(fā)展，設(shè)計(jì)師們多受傳統(tǒng)資料的影響，不能超脫現(xiàn)有的籬笆，給自己背上了沉重的包袱。你是否已注意到CSS 3已經(jīng)蓄勢(shì)待發(fā)？你是否渴望開(kāi)始使用它們卻又不知從何下手呢？正當(dāng)CSS 3新特性備受期待的時(shí)候，我們的CSS3.0 中文參考手冊(cè)就應(yīng)運(yùn)而生了……
什么是CSS 3？
CSS 是 Cascading Style Sheet 的縮寫(xiě)。譯作「層疊樣式表」。是用于(增強(qiáng))控制網(wǎng)頁(yè)樣式并允許將樣式信息與網(wǎng)頁(yè)內(nèi)容分離的一種標(biāo)記性語(yǔ)言。
CSS3.0 則表示下一版本的CSS，3.0是版本號(hào)。
CSS 3給我們帶來(lái)了什么驚喜？
CSS3.0對(duì)于我們Web設(shè)計(jì)人員來(lái)說(shuō)不只是新奇的技術(shù)，更重要的是這些全新概念的web應(yīng)用給我們的設(shè)計(jì)更多的無(wú)限可能性，也極大的提高了我們的開(kāi)發(fā)效率。我們將不必再依賴圖片或者 Javascript 去完成圓角、多背景、用戶自定義字體、3D動(dòng)畫(huà)、漸變、盒陰影、文字陰影、透明度等提高Web設(shè)計(jì)質(zhì)量的特色應(yīng)用。CSS 3 .0的出現(xiàn)，讓代碼更簡(jiǎn)潔、頁(yè)面結(jié)構(gòu)更合理，性能和效果得到兼顧。
使用說(shuō)明
- 本手冊(cè)服務(wù)對(duì)象為網(wǎng)頁(yè)重構(gòu)師或前端開(kāi)發(fā)工程師。
- 本手冊(cè)根據(jù)W3C工作草案進(jìn)行翻譯，存在一定的不確定因素，最終解釋權(quán)歸ISD WEBTEAM所有。
- 本手冊(cè)的編排參考css3.info的CSS Preview將CSS 3 屬性分為邊框、背景、顏色、文本、用戶界面、基礎(chǔ)盒模型、內(nèi)容、其它模塊、高級(jí)選擇器九大類。
- 兼容性列表暫時(shí)提供Internet Explorer、FireFox、Opera、Safari、Chrome的正式版瀏覽器兼容性。
- 私有屬性列表中，使用Gecko引擎的瀏覽器有Firefox，私有屬性以-moz-開(kāi)始；webkit引擎的瀏覽器有Safari、Chrome，以-webkit-開(kāi)始；Presto引擎的瀏覽器有Opera，以-o-開(kāi)始， 以及Internet Explorer，以-ms-開(kāi)始，目前只有IE8支持-ms-前綴。
- 針對(duì)每個(gè)屬性制作的示例除了@font face因涉及字體版權(quán)取自微軟的示例，其它均為團(tuán)隊(duì)成員結(jié)合自身的沉淀制作，由于手冊(cè)篇幅的局限性，也許有些示例難以理解，后續(xù)我們將對(duì)這部分示例單獨(dú)以文章詳細(xì)分析。
- 繼承性，鑒于W3C工作草案未對(duì)繼承性有較清晰的說(shuō)明，本期未對(duì)繼承性有測(cè)試，暫不具備參考價(jià)值。
- 如下載的CHM文件打不開(kāi)，可以嘗試右鍵點(diǎn)擊CHM文件，然后在“屬性”中“解除鎖定”。
- 本手冊(cè)主要用于交流，限于時(shí)間緊張，且為業(yè)余深耕夜作，錯(cuò)誤和遺漏難免，望大家在使用中多多反饋。我們會(huì)不斷的完善和升級(jí)本手冊(cè)。這里提供手冊(cè)V1版，以月為單位不定期更新。
出處：騰訊Webteam
責(zé)任編輯：bluehearts
上一頁(yè) 下一頁(yè) 用CSS 3將我們帶入下一個(gè)高度 [2]
◎進(jìn)入論壇網(wǎng)頁(yè)制作、WEB標(biāo)準(zhǔn)化版塊參加討論，我還想發(fā)表評(píng)論。
|
第 1 頁(yè) 用CSS 3將我們帶入下一個(gè)高度 [1]
第 2 頁(yè) 
