本文是篇译文，主要简单介绍了一些CSS技术，例如面向对象CSS还有就是SASS技术，然后重点是对这些技术下的CSS性能进行了测试从而得出关于CSS以及浏览器方面的一些数据。其实OOCSS以及SASS是技术的难点，和值得讲解的地方，但是本文的重点不在此，而在其CSS性能。其他就不多说了，本文有截图，有代码展示，还有演示文稿，希望能对您的学习有所帮助。
文章关键字 ‘css相关’
翻译-不同CSS技术及其CSS性能
2010年08月19日，星期四HTML5 css reset
2010年08月19日，星期四本文内容很简单，就是展示了下HTML5下的CSS reset代码，希望能需要的人提供些帮助。由于本人相当鄙视这类冗余无比的CSS reset，所以，自己也就没有说什么内容。
CSS页面重构之“门派”之分
2010年08月14日，星期六本文是我CSS理论方面又一篇重磅的文章。文中提出了CSS页面重构一个非常新颖的“门派”观点，主要指出了当下CSS页面重构两种主要的“流派”，并通过大量的实例与图片对此观点进行了说明与验证。
对于CSS页面重构的“门派”之分，其实自己的思考还不是很成熟，借此文顺便梳理了下自己的思考。这里，我特别想汲取其他同行的一些观点与看法，以帮助自己进一步地成长。所以非常欢迎指出您觉得表达不准确的地方，也欢迎提出您自己的一些观点。
MooTools和jQuery库继承实现class切换对比
2010年07月22日，星期四本文以通过class切换，实现简单的鼠标悬停效果为实例，展示下MooTools和jQuery库实现继承的差异。通过两者的对比来帮助对这两个库的理解，对于绝大多数同行而言，可能更熟悉jQuery多点，通过对比，可以更好的了解MooTools的思想行为以及一些使用等。
本文提供截图，代码展示，以及源文件打包下载，希望能对您的学习有所帮助。
我是如何对网站CSS进行架构的
2010年07月13日，星期二本文将展示我是如何对网站的CSS进行架构的，表达能力有限，尽量展示自己的想法，观点。本文可谓将之前一些列的CSS内容作了个简短的总结，从css rest，CSS 库，到自适应布局，到代码的分离与合并等。提供必要的图片，代码展示，以及一些源文件下载。
说实话，全然套用我展示的这套架构会由于不熟悉或是掌控不够而产生问题，但是，里面一些概念，一些思想应该能有一定的启示作用的。
另外，我只是个初出茅庐的小生，我知道，很多真正功力深厚的前端开发人员有着更好的更广泛适应的前端架构，如果您有幸来到这里，欢迎分享您的一些见解与认识。还有，文中若有您觉得不合理的观点，也非常欢迎指正。我们需要在不断的交流中提高的。
CSS的样式合并与模块化
2010年07月8日，星期四
CSS样式分离之再分离
2010年07月8日，星期四
我从以前讲布局思想，讲无CSS rest，到现在的CSS样式分离之再分离，以及后面的CSS架构，都是一个体系里面的。我清楚的指导，这些东西，其实很多优秀的前端人员也是知道一二，或是比我理解更深刻的。但是，对于大多数同行而言，可能认为我“又在挑刺”，其实不然。
我把我自己的理解讲出来，是希望让您知道，现在绝大多数的CSS写法，架构都是有很多不足的，缺少创新。我就这么跟您说吧，您所做的任何项目，其实根本只要一个CSS文件就足够，您要是真的通透了CSS的“分离”、“架构”，即使这个网站项目有100个页面（风格统一），您也可以只使用一个CSS页面，并且可以控制CSS文件（未压缩）在40K以下。
我是自信可以这么实现的。我最近做的项目50多个页面，未压缩（含大量注释，竖排）的CSS文件，就30K左右，服务器端压缩后仅11K左右，同时网站整站自适应，从内容到各个按钮，导航，全部宽度自适应，兼容性良好….
使用CSS实现Photoshop选区效果及应用
2010年06月24日，星期四
本文主要内容是展示于讲解一种不错UI效果的实现，这个UI效果就是photoshop的选区效果。提供截图展示，提供原理动画演示，相信您会很快了解这类效果的实现方法的。另外，文章的后半部分列举了此效果的一些应用，希望能对开通您的思维提供帮助，利用这种UI效果实现更多精湛的web设计。
CSS渐变图片背景下高度亦自适应按钮
2010年06月21日，星期一
本文将介绍一种效果精湛，兼容性强，扩展性强，易上手易理解的按钮实现方案，此按钮与以往介绍的按钮一样，也是高宽自适应，可与图片混排，受控于text-align属性。但是这里的代码更加精简易懂，更符合主流与开发者的习惯。
本文提供必要的截图，提供Demo页面，以及代码展示，并对代码做了一定的讲解，希望能对您的学习有所帮助。
我的应用