CSS 3.0 中文参考手册 & CSS3系列教程

CSS 3.0 参考手册(中文版)

感谢TC的ISD webteam整理和发布CSS 3.0 参考手册(中文版)

官方地址:http://webteam.tencent.com/css3/

备受期待的 CSS 3 新功能

圆角、多背景、@font-face 用户自定义字体、动画与渐变、渐变色、盒阴影、RGBa – 加入透明色、文字阴影等等
CSS3 的出现,让代码更简洁、页面结构更合理,性能和效果得到兼顾。

ff,safari等浏览器已经支持css3了,有必要学习css3了。

CSS 3.0 参考手册 (中文版) 预览

下载:

CSS 3.0 参考手册 (中文版) 下载 (366k)

CSS3系列教程

CSS3不是新事物,更不是只是围绕border-radius属性实现的圆角。它正耐心的坐在那里,已经准备好了首次登场,呷着咖啡,等着浏览器来铺上红地毯。你看,浏览器需要跟上了……

注意:浏览器需要改进

尽管把玩CSS3是很有趣的事情——就像接下来我要演示的几篇教程中表现的那样,但是需要了解的是,CSS3并没有被当前浏览器完全的支持。也就是说,如果你要在你的网站中使用CSS3,请确认有针对不支持CSS3的浏览器的兼容方法。

CSS3的浏览器支持状况

  • √ Firefox (3.05+…部分支持)
  • √ Google Chrome (1.0.154+…部分支持)
  • √ Google Chrome (2.0.156+…较好支持)
  • × Internet Explorer (IE7, IE8 不支持)
  • √ Opera (9.6+…很少支持)
  • √ Safari (3.2.1+ windows…较好支持)

什么是CSS,什么是CSS3?

非常简单,CSS代表“Casading Style Sheets”,就是样式表,是一种替代并为网站添加样式的标记性语言。CSS3只是表示下一代CSS,3只是版本号。

如果CSS3还没有完全被支持,那么我为什么要写CSS3呢?

因为学习新东西时间很有趣的事情!

而且有人常常问我如何实现圆角。我解释了很多遍如何使用图片或CSS3实现,这里我通过写一些我学到的一些东西的方式来希望能够帮助其他的有需要的人。

当然你也不必只看我说的。Eric Meyer是一个了解CSS很多的传奇人物,这里有个很棒的对Eric的访谈,讨论CSS3,很值得一读。

测试,我特别制作了一个关于本系列教程的测试页面。所有本系列教程所讨论的内容,在该测试页面都有演示,你也可以访问该页面,来测试一下自己的浏览器是否支持CSS3

CSS3系列教程|前端观察

特别声明,本系列文章译自:Zen Elements,非常感谢Alex的辛勤工作。
Special Staterment: this series posts were translate from Zen Elements, thanks Alex for his great work so much.

 

站点统计