content内容生成就是通过content属性生成内容，content属性早在CSS2.1的时候就被引入了，可以使用:before以及:after伪元素生成内容。此特性目前已被大部分的浏览器支持： (Firefox 1.5+, Safari 3.5+, IE 8+, Opera 9.2+, Chrome 0.2+)。另外，目前Opera 9.5+ 和 Safari 4已经支持所有元素的content属性，而不仅仅是:before和:after伪元素。
本文就将讲述:after伪类+content内容生成在web页面重构上非常实际的两个应用，一是清除浮动的影响，二是大小不固定图片的垂直居中效果。提供代码展示盒截图，提供demo效果页面，希望能对您的学习有所帮助。
:after伪类+content内容生成经典应用举例
2010年09月28日 by 阅读 164731 次, 今日 5 次翻译 – CSS高峰会议内容精选
2010年09月26日 by 阅读 72105 次, 今日 5 次昨天的CSS峰会上一些优秀的人才就CSS一些尖端的问题发表了他们的看法。有大量的非常有用的信息，总共有8部分的内容，有Denise Jacobs – CSS高级故障排除；Chris Eppstein – 使用Sass和Compass创作样式；Jason Cranford Teague – 2010网页字体年；Zoe Gillenwater – CSS3下的有效&有效率的设计；Estelle Weyl – CSS3 & iPhone；Stephanie Rewis – CSS3 & 渐进增强；David McFarland – CSS3 Animations；Nicole Sullivan – CSS肿胀!
虽都不是什么惊世之作，但是，对于帮助我们开阔视野，增加一个技术知识还是很有帮助的。能力有限，难免会有翻译不准确，或是表述不恰当的地方，欢迎指正。
IE9对CSS3的支持情况概述
2010年09月25日 by 阅读 93099 次, 今日 4 次
IE9 测试版好像是在9月16日凌晨发布的，如今在中国，IE已经四世同堂，这是多么温馨美满的画面啊，让人不由得“喜极而泣”啊！关于IE9的野史外传这里不做讨论，本文内容正如题目所示，主要概述下目前IE9版本对CSS3的支持情况。随着时间的推移，IE9必定会做一定的改进与修复等，所以，可能仅仅几个月后，现在还不支持的CSS3属性已经支持了，所以，本文所有的表格和数据仅作参考…
需警惕CSS3属性的书写顺序
2010年09月21日 by 阅读 59298 次, 今日 4 次
本文主要的是如果不注意CSS3属性的书写顺序，可能就会给自己带来麻烦。本文通过简单的示例，简单的实例验证来说明这个问题。没有多少理论，没有多少饶舌，有的的简单的截图与代码展示，对了，还有必不可少的demo页面。希望能对您CSS3的使用提供一些帮助。
无JavaScript纯CSS实现选项卡轮转切换效果
2010年09月15日 by 阅读 85562 次, 今日 4 次本文内容很简单，但是确实让人开眼界，新奇的技术，无JavaScript实现选项卡轮转切换效果。关键东西是什么呢？就是……看文章内容就知道了。^_^就这些，史无前例，本文无截图，只有一个简单的demo和代码展示。因为就像魔术一样，说穿了其实就是那么回事。
Selectivizr-让IE6~8支持CSS3伪类和属性选择器
2010年09月14日 by 阅读 145419 次, 今日 5 次
IE浏览器对CSS伪类以及位元素的支持很弱，很多很不错的功能都不能使用，这某种程度上限制了web的发展。聪明的工程师们总能想出一些修复弥补的方法，就像本文要介绍的Selectivizr。Selectivizr使用很简单，可以让让IE6/IE7/IE8支持CSS3伪类和属性选择器，算是不错的东西。如果您需要的话，应该会提供不少帮助的。本文内容虽然不错，但是依旧提供源文件下载以及demo展示。
精简高效的CSS命名准则/方法
2010年09月12日 by 阅读 311791 次, 今日 13 次老子有云：“天下万物生于有，有生于无”。具体解释就是：天下万物都是由看得见的具体事物（“有”）产生的，而看得见的具体事物（“有”）又是由看不见的，无形无状的东西（“无”）产生的，这个看不见的“无”也就是“道”，或叫做“根”、“母”。
我们看武侠片，经常听到“无招胜有招”这句话，这也是道家“无”之思想之体现。因为你心中没有招式，你才能有无限的可能，生成其他的招式以克敌，即所谓以不变应万变；相反，如果你心中牢记一套“华山剑法”，当你与人交手时，势必按照此套路走，要是遇到相克之剑法，结局就是一败涂地。“无招”是一种境界，是你功夫修炼到一定程度才能领悟到的。
可见，要想发挥更大，就需要“无”，把一些“限制的东西”通通去掉。没有限制才能发挥出最大的潜能。站在最简单，最原始的那个点上，你才能自由驰骋，应变自如。
js下拉菜单实现与可访问性问题的一些思考
2010年09月10日 by 阅读 136875 次, 今日 4 次从本文的题目可以看出，内容的重点在于“下拉菜单”“可访问性”，其实前面的“下拉菜单”只是用来示例，“可访问性”才是本文的重点。本文就页面的“可访问性”讲了很多。一如既往，丰富的截图，必要的代码示例，还有UI良好的demo页面。天色已晚，话不多说，总之，应该会对您的学习有所帮助的。
新版无图片版zxxbox jQuery弹出框插件
2010年09月7日 by 阅读 309290 次, 今日 11 次
当初写zxxbox jQuery弹出框插件纯粹是学习的目的，另外就是临时应付个人站点上的一些弹框应用。所以写得比较简单，业余，并没有期望谁会去使用它。但是，后来，一些同行的留言以及相关的交流发现，还是有人使用此轻便，简洁的弹框效果的。
但是，一方面由于自己之前的水平比较稚嫩，同时，对插件的逻辑没有很好的梳理。所以，之前版本的弹出框插件，虽然也能用，但是，功能确实有效，不能给内置的弹框按钮添加回调方法，不支持Ajax加载，而且，还有些小的隐晦的bug等，在调用上也是有点不利索的。所以，这几天，我就把之前的zxxbox弹出框插件重新写了下。虽然弹框的UI界面还是更之前的一样，但是，内部的逻辑，调用，以及参数等都有所不同，可以说是从底层核心都改变了。所以，只是简单的以插件更新的方式放在之前的文章下，则会有有力使不出的感觉。故，另起一篇文章，对新版的zxxbox弹出框插件参数，使用等细致地讲解下，希望对有需要的同行有所帮助。
js写的打方块打飞机小游戏
2010年09月1日 by 阅读 54363 次, 今日 5 次本文只要展示我近两天突然冲动写的个游戏，用的是js写的，使用的js库位jQuery，其中还有一点音效是与flash交互实现的。其实没有什么内容，就是希望有人可以试着玩玩这个游戏。就这些，里面有不少关于游戏的截图，如果您有兴趣，可以试着玩一下，欢迎提出建议与提出bug。
我的应用
我的应用