“CSS3”的版本间的差异
来自Blueidea
小 （→添加Dreamweaver CS5的官方试用地址） |
小 （增加一个资料外链） |
||
| （未显示同一用户的6个中间版本） | |||
| 第1行： | 第1行： | ||
CSS3是[[CSS 2.1]]的下一个版本，目前正在开发过程中。 | CSS3是[[CSS 2.1]]的下一个版本，目前正在开发过程中。 | ||
| − | == | + | == 资料、示例<ref name="require_chrome" /> == |
| + | *[http://www.ocss3.com/ 一个介绍CSS3和webkit私有css属性的站点] | ||
*[http://www.blueidea.com/tech/web/2009/6930.asp CSS3新特性一览] | *[http://www.blueidea.com/tech/web/2009/6930.asp CSS3新特性一览] | ||
*[http://www.blueidea.com/tech/web/2010/7594.asp CSS3属性box-shadow使用教程] | *[http://www.blueidea.com/tech/web/2010/7594.asp CSS3属性box-shadow使用教程] | ||
*[http://www.qianduan.net/demos/css3testing/ CSS 3 Testing | CSS3 部分样式测试] | *[http://www.qianduan.net/demos/css3testing/ CSS 3 Testing | CSS3 部分样式测试] | ||
| + | *[http://www.oneflash.net/2010/03/pure-css-icon/ 用纯CSS绘制的网站图标] | ||
*[http://ued.taobao.com/blog/2010/05/05/css3-animation/ TaobaoUED：闲谈CSS3动画] | *[http://ued.taobao.com/blog/2010/05/05/css3-animation/ TaobaoUED：闲谈CSS3动画] | ||
*[http://www.optimum7.com/css3-man/animation.html CSS3制作的蜘蛛侠动画]<ref name="require_chrome" /> | *[http://www.optimum7.com/css3-man/animation.html CSS3制作的蜘蛛侠动画]<ref name="require_chrome" /> | ||
| − | *[http:// | + | *[http://bbs.blueidea.com/thread-2985233-1-1.html 利用CSS3绘制的机器猫]<ref>由一日本人士制作，据说这是原文出处：[http://blog-imgs-42-origin.fc2.com/s/h/o/shopdd/dora_css3.html http://blog-imgs-42-origin.fc2.com/s/h/o/shopdd/dora_css3.html]，链接可能被墙。</ref><ref name="require_chrome">为确保能较完美的运行示例，请使用Chrome或者Safari等对CSS3支持较好的浏览器。</ref> |
| − | + | ||
==支持情况== | ==支持情况== | ||
| − | 目前使用[http://zh.wikipedia.org/zh-cn/Webkit webkit][http://zh.wikipedia.org/zh-cn/排版引擎 排版引擎]的浏览器支持程度最好，例如[http://zh.wikipedia.org/zh-cn/Chrome Chrome]，[http://zh.wikipedia.org/zh-cn/Safari Safari] | + | 目前使用[http://zh.wikipedia.org/zh-cn/Webkit webkit][http://zh.wikipedia.org/zh-cn/排版引擎 排版引擎]的浏览器支持程度最好，例如[http://zh.wikipedia.org/zh-cn/Chrome Chrome]，[http://zh.wikipedia.org/zh-cn/Safari Safari]等，而IE8及其以下则完全不支持这些新特性<ref>[http://msdn.microsoft.com/en-us/library/cc351024%28VS.85%29.aspx CSS Compatibility and Internet Explorer]</ref>，发展中的[http://ie.microsoft.com/testdrive/ IE9]宣布将支持[[HTML5]]和CSS3。 |
==开发工具== | ==开发工具== | ||
| − | *'''[http://labs.adobe.com/downloads/html5pack.html 适用于Dreamweaver CS5的CSS3扩展包]'''，由Adobe Labs推出的基于[http://www.adobe.com/products/dreamweaver/ Dreamweaver CS5]的插件，提供了对[[HTML5]]、CSS3的新特性的支持。 | + | *'''[http://labs.adobe.com/downloads/html5pack.html 适用于Dreamweaver CS5的CSS3扩展包]'''<ref>会员[[user:yoom|yoom]]有此插件的部分截图：[http://bbs.blueidea.com/thread-2985769-1-1.html Adobe Labs发布DW CS5扩展包，支持HTML5+CSS3 ]</ref>，由Adobe Labs推出的基于[http://www.adobe.com/products/dreamweaver/ Dreamweaver CS5]的插件，提供了对[[HTML5]]、CSS3的新特性的支持。 |
==备注== | ==备注== | ||
2012-05-30T18:03:48的最后版本
CSS3是CSS 2.1的下一个版本，目前正在开发过程中。
资料、示例[1]
- 一个介绍CSS3和webkit私有css属性的站点
- CSS3新特性一览
- CSS3属性box-shadow使用教程
- CSS 3 Testing | CSS3 部分样式测试
- 用纯CSS绘制的网站图标
- TaobaoUED：闲谈CSS3动画
- CSS3制作的蜘蛛侠动画[1]
- 利用CSS3绘制的机器猫[2][1]
支持情况
目前使用webkit排版引擎的浏览器支持程度最好，例如Chrome，Safari等，而IE8及其以下则完全不支持这些新特性[3]，发展中的IE9宣布将支持HTML5和CSS3。
开发工具
- 适用于Dreamweaver CS5的CSS3扩展包[4]，由Adobe Labs推出的基于Dreamweaver CS5的插件，提供了对HTML5、CSS3的新特性的支持。
备注
- ↑ 1.0 1.1 1.2 为确保能较完美的运行示例，请使用Chrome或者Safari等对CSS3支持较好的浏览器。
- ↑ 由一日本人士制作，据说这是原文出处：http://blog-imgs-42-origin.fc2.com/s/h/o/shopdd/dora_css3.html，链接可能被墙。
- ↑ CSS Compatibility and Internet Explorer
- ↑ 会员yoom有此插件的部分截图：Adobe Labs发布DW CS5扩展包，支持HTML5+CSS3
