CSS中有一个属性叫做clip，为修剪，剪裁之意。配合其属性关键字rect可以实现元素的矩形裁剪效果。此属性安安稳稳地存在于CSS2.1中，且使用上基本上没有类似于max-height/display:table-cell等浏览器的兼容性问题。但是，貌似大家很少使用此属性。实际上clip是实在在的可以在实际项目中大放光彩的东东。
本文一如既往，提供必要的demo页面以及源代码展示，提供属性的一些具有代表性的实例。总之，希望本文的内容能够对您的学习有所帮助。
文章关键字 ‘css相关’
CSS clip:rect矩形剪裁功能及一些应用介绍
2011年04月2日，星期六style标签下的CSS代码的显示与实时编辑
2011年03月3日，星期四本文讲的是如何让一段CSS代码可以在页面上显示，同时有可以修改，更关键的是修改的同时页面上对应元素的样式也跟着改变。文本内容不是很多很长，关键是展示这种不错的技术。跟以往的文章一样，提供demo页面，提供相应的截图以及必要的源代码展示。总之，希望能够对您的学习有所帮助。
humans.txt-网站相关人员信息记录的idea
2011年01月30日，星期日今天头一次见到这个想法。老外的idea，这玩意很有趣，也确实很有实用价值，说不准以后会流行起来，故决定拿来说一说。
顾名思意，humans指人、人类，txt为文本文档后缀名，所以humans.txt就是指记录人的一些信息的文本文档。那么这里记录的“人”都是些什么人呢？恩，就是与网站完成相关的人员，也可以称为网站上线台前幕后的工作人员们。这与电影结束之后显示职员表（导演、演员、摄影、赞助商等）有些类似…
CSS按钮(a/button)生命周期的一些认识
2011年01月25日，星期二
“生命周期”一词基本上就是几个月前D2前端论坛的仅有的几个收获之一。
我个人将“按钮的生命周期”定义为：在上线页面上，一个按钮从诞生、完善直至最终消亡（替换/去除）的时间周期。
在程序的世界里，有些概念是比较抽象的。在web页面重构的世界里也是如此，我之前不少文章就不厌其烦地抛出“重用性”、“扩展性”这些字眼。有经验的页面工程师对这些概念有了自己感性的具体的认识，在阅读这些句子的时候可以很快的扫视过去。然而，不少新人对这些抽象的字眼其实只知道个大概，阅读的时候，很多内容都是囫囵吞枣式地咽下去，不知所以然。
…
设计风格影响按钮的生命周期；这个按钮需要有多长的生命周期决定了这个按钮的设计风格！
…
备忘：CSS术语词汇表
2010年11月18日，星期四Colortip – jQuery文字信息提示插件简介
2010年10月15日，星期五jQuery tip类的信息提示插件层出不穷，但是我都没有介绍，为什么呢？就跟谈恋爱一样，虽然前面走过的女生不少，不错的也不少，但是自己没有谈恋爱的心思，也是鸳鸯蝴蝶一场梦，非要在那个特定的时间点上，正好遇到一个人，觉得……于是……这就是所谓的缘分。所以，这里介绍这个Colortip信息提示插件，不是因为这个插件多么多么的好，长得多么多么的迷人，只是自己觉得是不是应该像以前一样，分析介绍一些不错的常用的插件啊，正好，今天让我遇到了它，觉得好像还挺靠谱的，于是，就拿来成文。这就是缘分那！
小插件，内容不多，效果还凑合。提供截图效果展示，中文demo，还有精巧的源文件下载，希望能对您的学习有所帮助。
无JavaScript纯CSS实现选项卡轮转切换效果
2010年09月15日，星期三本文内容很简单，但是确实让人开眼界，新奇的技术，无JavaScript实现选项卡轮转切换效果。关键东西是什么呢？就是……看文章内容就知道了。^_^就这些，史无前例，本文无截图，只有一个简单的demo和代码展示。因为就像魔术一样，说穿了其实就是那么回事。
精简高效的CSS命名准则/方法
2010年09月12日，星期日老子有云：“天下万物生于有，有生于无”。具体解释就是：天下万物都是由看得见的具体事物（“有”）产生的，而看得见的具体事物（“有”）又是由看不见的，无形无状的东西（“无”）产生的，这个看不见的“无”也就是“道”，或叫做“根”、“母”。
我们看武侠片，经常听到“无招胜有招”这句话，这也是道家“无”之思想之体现。因为你心中没有招式，你才能有无限的可能，生成其他的招式以克敌，即所谓以不变应万变；相反，如果你心中牢记一套“华山剑法”，当你与人交手时，势必按照此套路走，要是遇到相克之剑法，结局就是一败涂地。“无招”是一种境界，是你功夫修炼到一定程度才能领悟到的。
可见，要想发挥更大，就需要“无”，把一些“限制的东西”通通去掉。没有限制才能发挥出最大的潜能。站在最简单，最原始的那个点上，你才能自由驰骋，应变自如。
翻译-不同CSS技术及其CSS性能
2010年08月19日，星期四本文是篇译文，主要简单介绍了一些CSS技术，例如面向对象CSS还有就是SASS技术，然后重点是对这些技术下的CSS性能进行了测试从而得出关于CSS以及浏览器方面的一些数据。其实OOCSS以及SASS是技术的难点，和值得讲解的地方，但是本文的重点不在此，而在其CSS性能。其他就不多说了，本文有截图，有代码展示，还有演示文稿，希望能对您的学习有所帮助。
HTML5 css reset
2010年08月19日，星期四本文内容很简单，就是展示了下HTML5下的CSS reset代码，希望能需要的人提供些帮助。由于本人相当鄙视这类冗余无比的CSS reset，所以，自己也就没有说什么内容。
我的应用
我的应用