介绍两个我觉得比较蛋疼但有意思的CSS应用，一个就是纯CSS实现数据上报，用户行为跟踪；另外一个就是纯CSS实现HTML验证，并且在页面上进行提示。比较有脑洞，有想法，虽然以后估计用不到，但是，其中新奇的思路说不定对于我们开阔眼界很有帮助。
“CSS相关”目录存档
CSS蛋疼应用之：数据上报和HTML验证
2018年12月6日，星期四杀了个回马枪，还是说说position:sticky吧
2018年12月2日，星期日
position:sticky早有耳闻也有所了解，后来，Chrome放弃了对其支持，我也就不关心这个声明了，今天偶然发现，卧槽，Chrome什么时候杀了个回马枪，居然又支持了。眼瞅着，各个浏览器纷纷立了山头，要必要关心关心position:sticky了，不要被人留下厚此薄彼的口舌。结果一关心，竟然发现，sticky定位要比预想的更强大，更有趣……
大侠，请留步，要不过来了解下CSS Scroll Snap？
2018年11月28日，星期三
CSS Scroll Snap是CSS中一个独立的模块，可以让网页容器滚动停止的时候，自动平滑定位到指定元素的指定位置。虽然Scroll Snap最后的定位效果是平滑的，但是Scroll Snap的作用不是平滑滚动，而是元素定位增强。要想实现平滑滚动，请使用CSS scroll-behavior属性。
5分钟快速了解下CSS4 color-adjust属性
2018年11月27日，星期二
CSS届的绘图板CSS Paint API简介
2018年11月26日，星期一
本文介绍CSS Paint API，CSS Paint API是CSS Houdini的一部分，是目前应用比较多的API之一，其是做什么用的呢？有什么好处呢？本文就将通过一个简单的案例，带你快速了解CSS Paint API，本文属于前端技术广度方面的学习，博闻强识。
纯CSS实现任意格式图标变色的研究
2018年11月24日，星期六
想要使用CSS改变PNG小图标的颜色，似乎不太可能。但，实际上，我们可以有多种方法改变PNG小图标，SVG小图标的颜色，并且是任意的色值，可以是作为背景图片的图标，也可以是内联的图标。究竟如何CSS改变图标的颜色呢？不妨点进去围观一番。
CSS文字和背景color自动配色技术简介
2018年11月18日，星期日
CSS越来越强，现在已经可以实现根据不同的背景色显示不同的前景色进行匹配了，例如右图GIF图片所示，背景色一开始深色，文字颜色为白色，当背景色逐渐变淡的时候，文字颜色也从原来的白色变成黑色了，同时边框也显示出来了，以便有更好的识别度。如何实现的呢？去文中一探究竟吧~
CSS filter:hue-rotate色调旋转滤镜实现按钮批量生产
2018年11月18日，星期日
传统按钮都是通过具体色值进行赋色的，但是有代码量大，开发维护成本高，且色值之间饱和度亮度存在差异问题。有没有什么简单的方法可以快速批量产生出各种颜色的按钮呢？有！就是借助CSS filter:hue-rotate色调旋转滤镜。具体如何实现呢？请点进去一看究竟吧~
写给自己看的display: grid布局教程
2018年11月6日，星期二
本文详尽介绍了display:grid布局的各个属性，最大的优点在于所有grid相关属性值的样式表现都是实时渲染的，点击不同的属性值，就可以立即实时看到不同的布局效果，非常直观。同时，很多属性的规则描述要比现有的很多文章介绍的要更详尽，对于初学者一定是一个很不错的网格布局学习教程。
写给自己看的display: flex布局教程
2018年10月28日，星期日
本文详尽介绍了display:flex布局的各个属性，最大的优点在于所有flex相关属性值的样式表现都是实时渲染的，点击不同的属性值，就可以立即实时看到不同的布局效果，非常直观。同时，很多属性的规则描述要比现有的很多文章介绍的要更详尽，对于初学者一定是一个很不错的学习教程。
我的应用
我的应用