使用CSS3将你的设计升华

这是一篇关于CSS的文章，原文地址：

http://www.smashingmagazine.com/2009/06/15/take-your-design-to-the-next-level-with-css3/

作者认为，在13年前我们已经开始接触层叠式样式表（CSS）了，而CSS2.1的标准已经实施了11年，当我们看到11年前做的网站，会感觉自己距离那个年代真的很遥远...，那么为什么我们不去尝试呢，为什么还要依赖过时的CSS技巧以及依赖JavaScript技术来表现的样式呢？为什么不使用现代的浏览器中可用的丰富的CSS3的特性来提高性能并升华我们的设计呢？

接着作者介绍了使用CSS3的几个方面，包括使用浏览器特定的属性，读者可能会有疑问，既然使用标准化的CSS3，为什么还要使用特定的浏览器属性呢？这是因为浏览器之间的差异，而且现在浏览器并没有完全支持所有CSS3的特性，所以在书写CSS的时候需要注意一些技巧，比如基于Webkit的浏览器（比如Safari），你可以使用”-webkit-“的前缀表示这个样式是Webkit特有的，而类似的，在火狐中对应的前缀是”-moz-“，Konqueror的前缀是”-khtml-“，Opera的前缀是”-o-“，IE的前缀是”-ms-“。

可能对你有帮助的链接：

1. Vendor-specific extensions and W3C
2. Vendor-specific extensions to CSS3
3. Vendor-specific properties

接着作者详细介绍了CSS3中可用的特性，包括选择器的几个新的使用方式：

• [att^="value"]
  匹配以value值开始的节点.
• [att$="value"]
  匹配以value值结束的节点.
• [att*="value"]
  匹配包含了value值的节点.

还有伪选择器，RGBA色彩，透明度支持，高级文字布局等等有待你去发掘，详情请看：

http://www.smashingmagazine.com/2009/06/15/take-your-design-to-the-next-level-with-css3/

 

 

来自：Riameeting

转载于:https://www.cnblogs.com/xxcainiao/archive/2009/06/30/1514218.html