介绍两个我觉得比较蛋疼但有意思的CSS应用，一个就是纯CSS实现数据上报，用户行为跟踪；另外一个就是纯CSS实现HTML验证，并且在页面上进行提示。比较有脑洞，有想法，虽然以后估计用不到，但是，其中新奇的思路说不定对于我们开阔眼界很有帮助。
文章关键字 ‘伪元素’
CSS蛋疼应用之：数据上报和HTML验证
2018年12月6日，星期四腾讯微云黑色遮罩引导蒙版更好的CSS实现方式
2016年03月7日，星期一网站有一些改动的时候，为了让用户熟知新的操作位置，往往会增加一个引导，常见的方式就是使用一个黑色的半透明蒙版，然后需要关注的区域是镂空的。
然后上周五我去微云转悠的时候，也看到了引导层，于是职业病又犯了，去学习下别人是怎么实现的。下面是观测的结果：
为了实现镂空蒙层效果，作者发挥了小时候拼积木的才能，使用两层HTML结构，内层使用5块独立区域拼接形成，至于中间镂空的区域的阴影则是使用的图片实现的。
我们实际上只需要一层标签，一层空标签就可以实现我们的效果，且不需要图片……
CSS之before, after伪元素特性表现两则
2015年04月19日，星期日伪元素之所以称之为“伪元素”一定是有其原因的，本文就举两个特征例子，展示下伪元素跟普通元素，到底有哪些不一样的地方。
依然，有Demo、有截图，有源代码展示。总之，希望本文的内容能够对您的学习有所帮助。
CSS counter计数器(content目录序号自动递增)详解
2014年08月26日，星期二CSS计数器不是什么新鲜玩意了，早在10年春暖花开的时候，我写的“CSS content内容生成技术以及应用”一文就要提到，不过当时是作为其中一员介绍。就像例行的溜新同事一样，虽然黑如焦炭的我在自我介绍的时候给新同事留下了深刻印象，但由于介绍的同事茫茫多，我只是其中一员。很自然，个把月之后，我就会被无情的淡忘，除了那依稀的面庞，因为毕竟长得还算比较抽象。
然而，CSS计数器的斗量显然不是短短几句介绍能够显露的，所谓人不可貌相。今天，就大肆笔墨，好好地全面地介绍了下CSS计数器，确实有很多知识点，确实有很多不太好理解的地方，确实有很多会踩坑的地方，果然深不可测。不过，本文有着详实的文字，丰富的截图，完全的demo，必要的源代码展示。相信本文的内容会对你的学习有所帮助的！
CSS3 box-shadow盒阴影图形生成技术
2013年11月29日，星期五理论上，CSS3 box-shadow盒阴影可以生成任意的图形，小月格格的靓照，含韵格格的靓照那都不在话下。本文且听后宫茶话会上关于CSS3 box-shadow盒阴影图形生成技术的分享。截图、demo源代码示意，美女靓照一个都不少。说不定，你会有别样的收获哦！【挑眉】
first-line伪类实现兼容IE6/IE7的单标签多背景效果
2013年07月5日，星期五background+filter滤镜可以实现低版本IE浏览器下的多背景效果，::first-line伪元素也是可以实现的，本文就将介绍这种技巧。有表格数据、有源代码展示，有demo页面，有效果截图，总之，希望本文的内容能够对您的学习有所帮助。
伪元素表单控件默认样式重置与自定义大全
2013年06月7日，星期五所有的form表单元素都有或多或少的伪元素可以重置其浏览器内置的UI样式，我光demo就有17个之多，截图30+之多，本文虽参考之作，自己条条亲自验证设置。虽目前价值并未凸显，但是，过段时间，可能就是宝了。
CSS3 box-shadow兼容loading效果兼IE10+ CSS Hack介绍
2013年05月29日，星期三
摘要，摘个鬼啊，本来只想来个短篇的，该死的越写越多，这个点了，还有鬼心情写摘要啊。总之，是处理IE10+浏览器非常不错的一篇文章，demo啊，截图啊，源代码显然很多的啦。还有大量关于伪类伪元素的小技巧小知识等……就这样，我先撤了~~~
遐想：如果没有IE6和IE7浏览器…
2011年02月24日，星期四本文其实是篇“不切实际”的YY之文。YY的背景就是IE6/IE7浏览器功德圆满，已经退休回家带孙子了。YY的内容就是此背景下我们前端er们可以做的些有趣且美好的事情。本文内容其实可以换个题目就是： IE6/IE7浏览器不支持前端功能简介。文章主要列举了四个功能，其中两个JavaScript方面的，两个CSS方面的。其实更多的是介绍一些新的技术。
本文各个parts都提供必要的截图，或是文章链接；提供必要的源代码展示；JavaScript部分专门制作了很有喜感的demo页面；CSS部分提供了其他作者制作的相关demo。总之，希望本文的内容能够对您的学习有所帮助。
我的应用
我的应用