本文主要的是如果不注意CSS3属性的书写顺序，可能就会给自己带来麻烦。本文通过简单的示例，简单的实例验证来说明这个问题。没有多少理论，没有多少饶舌，有的的简单的截图与代码展示，对了，还有必不可少的demo页面。希望能对您CSS3的使用提供一些帮助。
“CSS相关”目录存档
需警惕CSS3属性的书写顺序
2010年09月21日，星期二无JavaScript纯CSS实现选项卡轮转切换效果
2010年09月15日，星期三本文内容很简单，但是确实让人开眼界，新奇的技术，无JavaScript实现选项卡轮转切换效果。关键东西是什么呢？就是……看文章内容就知道了。^_^就这些，史无前例，本文无截图，只有一个简单的demo和代码展示。因为就像魔术一样，说穿了其实就是那么回事。
Selectivizr-让IE6~8支持CSS3伪类和属性选择器
2010年09月14日，星期二
IE浏览器对CSS伪类以及位元素的支持很弱，很多很不错的功能都不能使用，这某种程度上限制了web的发展。聪明的工程师们总能想出一些修复弥补的方法，就像本文要介绍的Selectivizr。Selectivizr使用很简单，可以让让IE6/IE7/IE8支持CSS3伪类和属性选择器，算是不错的东西。如果您需要的话，应该会提供不少帮助的。本文内容虽然不错，但是依旧提供源文件下载以及demo展示。
精简高效的CSS命名准则/方法
2010年09月12日，星期日老子有云：“天下万物生于有，有生于无”。具体解释就是：天下万物都是由看得见的具体事物（“有”）产生的，而看得见的具体事物（“有”）又是由看不见的，无形无状的东西（“无”）产生的，这个看不见的“无”也就是“道”，或叫做“根”、“母”。
我们看武侠片，经常听到“无招胜有招”这句话，这也是道家“无”之思想之体现。因为你心中没有招式，你才能有无限的可能，生成其他的招式以克敌，即所谓以不变应万变；相反，如果你心中牢记一套“华山剑法”，当你与人交手时，势必按照此套路走，要是遇到相克之剑法，结局就是一败涂地。“无招”是一种境界，是你功夫修炼到一定程度才能领悟到的。
可见，要想发挥更大，就需要“无”，把一些“限制的东西”通通去掉。没有限制才能发挥出最大的潜能。站在最简单，最原始的那个点上，你才能自由驰骋，应变自如。
CSS全部147个颜色关键字及对应颜色值
2010年08月30日，星期一色名称也称为颜色关键字，像我们熟悉的black表示黑色，white表示白色，blue表示蓝色等。实际上，在CSS的颜色定义中，总共有147种颜色关键字，所有者147种颜色名字均取自X Windows 系统，X 颜色名，所以即使这147个颜色名看上去不是很标准，支持也是非常不错的。
需要注意的是，在IE下，关于灰色，其中的字母”e”是不认的，它只认gray中的”a”而不认grey中的”e”，所以IE浏览器下，CSS3中的颜色名实际上只有140个，而不是147个。
HTML5 css reset
2010年08月19日，星期四本文内容很简单，就是展示了下HTML5下的CSS reset代码，希望能需要的人提供些帮助。由于本人相当鄙视这类冗余无比的CSS reset，所以，自己也就没有说什么内容。
CSS页面重构之“门派”之分
2010年08月14日，星期六本文是我CSS理论方面又一篇重磅的文章。文中提出了CSS页面重构一个非常新颖的“门派”观点，主要指出了当下CSS页面重构两种主要的“流派”，并通过大量的实例与图片对此观点进行了说明与验证。
对于CSS页面重构的“门派”之分，其实自己的思考还不是很成熟，借此文顺便梳理了下自己的思考。这里，我特别想汲取其他同行的一些观点与看法，以帮助自己进一步地成长。所以非常欢迎指出您觉得表达不准确的地方，也欢迎提出您自己的一些观点。
拾人牙慧 – CSS3实现Opera浏览器的logo
2010年08月7日，星期六
本文纯粹的展示如何使用CSS3实现高逼真的Opera浏览器的logo效果，当然，如果您关注CSS3，也一定可以从中学到不少CSS3方面的知识的。延续我一贯的文章风格，丰富的截图，丰富飞代码展示，外带源文件打包下载。总之，希望能对您的学习有所帮助。
CSS实现跨浏览器的box-shadow盒阴影效果(2)
2010年07月27日，星期二我之前曾写过一篇关于实现跨浏览器实现box-shadow效果的文章——“CSS实现跨浏览器兼容性的盒阴影效果”，本文虽然题目类似，但是核心部分是有差异的。前面的文章虽然实现IE下的盒阴影效果也是使用的滤镜，但是使用的是shadow滤镜，这种滤镜的效果很牵强，效果过渡不自然，而本文实现的IE下的盒阴影效果就相对非常自然，而且还支持内阴影的UI表现。
本文提供各个效果截图，提供丰富飞实例以及代码展示，希望能对您的学习有所帮助。
我的应用
我的应用