Web Components组件开发又新增特性，可以暴露组件内部的状态，通过CSS :state()伪类函数匹配，增强组件的样式定制能力，以实现更好的内部封装。
文章关键字 ‘CSS伪类’
介绍下与CSS自定义组件相关的:state()函数
2025年11月17日，星期一垃圾特性之CSS :heading伪类和:heading()函数
2025年11月3日，星期一
折腾：2颗星星+纯CSS实现星星评分交互效果
2013年08月7日，星期三发表评论的时候，我们经常会遇到点击星星做评分的交互。大部分情况下，大家使用的是5个一排5个一排的大块星星背景图实现的。实际上，两颗星星就可以搞定。本文就将展示这个。同时，有人觉得，实际需求还需要记住你选中的星星，CSS搞不定。实际上，这是可以使用CSS实现的。如何实现呢？就是本文要介绍的内容。
本文多技术展示，为便于理解，自制了不少原理示意图，以及必要的源代码展示，总之，希望本文的内容能够对您的学习有所帮助。
CSS3 box-shadow兼容loading效果兼IE10+ CSS Hack介绍
2013年05月29日，星期三
摘要，摘个鬼啊，本来只想来个短篇的，该死的越写越多，这个点了，还有鬼心情写摘要啊。总之，是处理IE10+浏览器非常不错的一篇文章，demo啊，截图啊，源代码显然很多的啦。还有大量关于伪类伪元素的小技巧小知识等……就这样，我先撤了~~~
我是如何在实际项目中使用before/after伪元素的
2012年11月16日，星期五before/after伪元素相当于在元素内部插入两个额外的标签，其最适合也是最推荐的应用就是图形生成。在一些精致的UI实现上，可以简化HTML代码，提高可读性和可维护性。国外这两个伪元素应用相当的普及以及兴盛，不过貌似我们这边前端er们普遍缺乏使用这两个伪元素的意识，要使用顶多也就是跟风的“清除浮动”应用。
我想，这可能受兼容性思维影响……
伪类+js实现CSS3 media queries跨界准确判断
2012年05月11日，星期五我们都知道，CSS3 media queries是响应布局实现之利器。国外很多著名的前端站点，如css-tricks, smashingmagazinegazine等都采用了响应布局。
虽然国内此技术应用就像是打不着的打火机，没法跟如火如荼的欧美相比。但是，毕竟趋势是向前发展的，总会迎来遍地开花的时候，只是时间的长短而已。
media queries可以让设备在不同尺寸下应用不同的CSS样式、布局等。以适应手持设备、普屏显示器、宽屏显示器，以及未来冰箱上的联网显示器，汽车上的数码设备等。然后，仅仅通过CSS做布局可能无法应对所有的交互请求。
……
如何让JS的修改与CSS布局改变同步呢？
获取元素CSS值之getComputedStyle方法熟悉
2012年05月8日，星期二我们都用过jQuery的CSS()方法，其底层运作就应用了getComputedStyle以及getPropertyValue方法。
对于那些只想混口饭吃的人来讲，晓得CSS()如何使用就足够了。对于希望在JS道路上越走越远的来人说，简单了解一些JS库底层实现对自己的学习很有帮助。可能谈不上信手拈来的使用，至少对创造一些创意新颖的新技术拓宽了思路。
jQuery为何受欢迎，其中原因之一就是方法名称比……
翻译：CSS中的糟粕
2012年03月21日，星期三下午本文节选：
每种程序语言都有其精华与糟粕的部分。CSS(我知道，CSS不是程序语言，但又何妨？)也不例外。
本文我除了发牢骚还是发牢骚。我已经给网站敲代码敲了12年了，其中有一半的时间是在折腾CSS布局（没错，哥我大器晚成）。我想到要去认识到CSS中的精华与糟粕，而这里，我要讲的是”糟粕”……
基本上都是文字，有兴趣的你可以看看~~
完善：HTML5表单新特征简介与举例
2011年01月6日，星期四本文其实是对去年“你必须知道的28个HTML5特征、窍门和技术”一文其他HTML5表单新特征部分的完善与补充。简单介绍了HTML5中的其他的些input空间类型。
虽描述文字不多，但每种类型都配以丰富的截图展示效果，同时有相应的demo页面方便您亲自查看效果。有需要code的地方也展示了源代码。总之，希望能对您的学习有所帮助。
我的应用
我的应用