|
CSS3 新特性
1. RGBa
CSS3的RGBa新特性允許你對每個元素進行色彩以及透明度的設(shè)置。而原來常用的opacity命令只能對元素及其子元素進行設(shè)置。
2. Multi-column layout
CSS3新提供的多欄布局選擇器無需HTML布局標(biāo)簽即可生成多欄布局，同時‘欄數(shù)’、‘欄寬’以及‘欄間距’都是可以定義的。
3. Round corners
圓角功能可能是CSS3提供的最實用的功能了。通過Border-radius，你可以沒有任何難度的給指定的HTML元素添加圓角。并且你還可以定義圓角的大小，以及哪個角是圓角，哪個角不是圓角。
4. @font-face
當(dāng)網(wǎng)頁顯示某種用戶沒有安裝的字體時，CSS3提供的@font-face功能會自動的、默默地幫用戶從網(wǎng)絡(luò)上下載相應(yīng)字體。從而讓設(shè)計師更加自由的發(fā)揮，而不用考慮用戶的機器是否安裝了相應(yīng)字體。
5. 其他特性
此外，CSS3還給我們帶來了漸變、防止字符串過長溢出、多重背景以及用圖片來作為元素邊框等功能。
利用好CSS3，你可以更快捷的得到以往用很多插件才能得到的效果。同過使用元素本身來取代大部分圖片，網(wǎng)頁的加載速度會得到提升，這些原本是圖片的內(nèi)容，也可以被搜索引擎檢索到。
HTML5和CSS3的兼容性
HTML5和CSS3的標(biāo)準(zhǔn)并未正式完成，各家瀏覽器對其支持程度也不盡相同。了解HTML5和CSS3的兼容性是十分必要的。下面的連接是一個專門跟蹤HTML5和CSS3兼容性的網(wǎng)站，有興趣的朋友可以點擊查看：
http://www.findmebyip.com/litmus
一些你可能感興趣的資源
http://www.apple.com/HTML5/showcase/
http://html5watch.tumblr.com/
http://w3school.com.cn/index.html
http://www.mhtml5.com/
http://html5demos.com/
http://www.sencha.com/
本文鏈接：http://m.95time.cn/tech/web/2011/8679.asp 
出處：百度商業(yè)產(chǎn)品 用戶體驗部
責(zé)任編輯：bluehearts
上一頁 HTML5 & CSS3 的新交互特性 [3] 下一頁
◎進入論壇網(wǎng)頁制作、WEB標(biāo)準(zhǔn)化版塊參加討論，我還想發(fā)表評論。
|
第 1 頁 
第 4 頁 HTML5 & CSS3 的新交互特性 [4]
