我突然想起了在微博上看到的一个视频：日本蜜蜂团团围住并热死大黄蜂的那个视频，——虽然小蜜蜂战斗力就是个渣渣，但是，足够多的数量也会搞出一些有趣的现象——热死足以以一敌千的大黄蜂。
但是，在CSS的世界里，居然有类似的“以数量取胜”有趣现象。比方说，这里要展示的：256个级联class选择器 击败 1个id选择器的有趣故事……
“CSS相关”目录存档
有趣：256个class选择器可以干掉1个id选择器
2012年08月20日，星期一小tip: 使用CSS将图片转换成黑白(灰色、置灰)
2012年08月19日，星期日可能早就知道，像汶川这种糟糕的日子网站全灰在IE下是可以轻松实现的(filter: gray;)，不过，当时，其他浏览器是无解的。不过，时代发展，如今，CSS3的逐步推进，我们也开始看到“黑白效果”大规模应用于实际的可能。
本文就将介绍如何是有CSS3的一些新方法实现图片的黑白效果。另外，最后还介绍下一款可以实现各个浏览器下图片黑白的小JS插件。有截图，有demo，有代码示意，希望本文的内容能够对您的学习有所帮助。
说说CSS学习中的瓶颈
2012年07月26日，星期四本文内容如题。根据自己的经历，思考以及体会，探讨了CSS学习中的瓶颈，以及如何克服等。有配图示意，有简单的源代码展示，还有对您有所启示的demo页面。总之，希望本文的内容对您的学习有所帮助。
不使用JavaScript让IE浏览器支持HTML5元素
2012年07月20日，星期五如果我们不做什么手脚的话，IE6~IE8浏览器不支持HTML5元素, <nav>, <header>, <footer>, <article> …
然而，前篇Google前端规范HTML部分中提到：要使用语义的HTML5元素作为text/html, 考虑到Google不可能把IE8等浏览器弃之不顾，因此，肯定是有什么方法可以让IE6~8浏览器也支持HTML5元素的……
本文就将介绍几个不使用JavaScript实现IE浏览器支持HTML5元素的方法，希望本文的内容能够对您的学习有所帮助。
理解CSS3 transform中的Matrix(矩阵)
2012年06月8日，星期五
本文非常详尽的讲解了CSS3 transform中的矩阵。花了很多时间制作了很多帮助理解的demo，还专门制作了效果演示gif动图，配以丰富必要的截图说明，文字表述上也力求通俗易懂。个人觉得本文质量还是很不错的，希望可以对此感兴趣的人提供力所能及的帮助。
如何灵活利用免费开源图标字体-IcoMoon篇
2012年06月4日，星期一本文实际上是围绕IcoMoon这个平台介绍的，IcoMoon是为了方便广大前端开发人员使用图标字体而开发的。确实很好用，体验也很好，也非常有实用价值，故介绍。
使用一步一步，有非常详尽的截图，希望本文的内容能够对您的学习有所帮助。
不同CSS布局实现与文字鼠标选择的可用性
2012年05月21日，星期一我们平时因为A原因或B原因，需要复制web页面上的文字内容。常见的操作就是按住鼠标，选中要复制的文字区域，抬起鼠标按键，目标区域的文字就选中了。
不知你知不知道，有些看山去OK的CSS布局实际影响了页面上文字复制的可用性。
这么说吧，假设你在微博上看见一个名为“屌丝逆袭”的标题，但是，由于孤陋寡闻，不知道这个标题啥意思，于是想百度之，最快的方式就是选择→复制→搜索。结果，像中了邪，这几个文字TMD就是选不准，老把旁边的“萝莉御姐”一起选中了；然后，这个标题又是链接，不能双击选……
本文重在抛砖引玉，希望对各个同行有所小小意识与启发。
小tip: base64:URL背景图片与web页面性能优化
2012年04月13日，星期五正如标题所示，本文内容就是介绍如何使用base64编码的CSS背景图片对web页面做性能优化。先介绍何为base64编码，如何base64编码，以及为何需要base64编码，最后付诸实际进行演示。
一如既往，有详尽的源代码展示，必要的截图以及demo演示页面。总之，希望本文的内容能够对你的学习有所帮助。
小tip: CSS后代选择器可能的错误认识
2012年03月19日，星期一本文通过几个简单的实例，介绍在CSS后代选择器上，一些同行可能存在的一些错误认识。虽是短篇，但是源代码展示，必要的demo页面以及效果截图俱全。希望本文的内容能够对您的学习有所帮助。
我的应用
我的应用