最近做项目，发现CSS变量一个有意思的特性，那就是变量作用域非全局，于是，我们可以放心大胆使用CSS变量给伪元素传参了。这样，以前一些很啰嗦的实现现在就可以变得非常简洁。
CSS var变量的局部作用域（继承）特性
2019年01月26日 by 阅读 30533 次粉丝群第27期JS基础小测答疑文字版
2019年01月20日 by 阅读 26721 次常见的CSS图形绘制合集
2019年01月14日 by 阅读 50761 次
粉丝群第1期CSS小测点评与答疑
2019年01月12日 by 阅读 29169 次
上周新建了一个粉丝群，周三发小测题目，每周依次是CSS、DOM和JS，周六上午答疑，答疑方式是直播加群聊。然后今天上午进行了第一次的直播答疑，是一个简单的CSS布局问题，本文可以看成是本次答疑的文档版。如果你也想要加入粉丝群，可以参见文末的信息。
分享三个纯CSS实现26个英文字母的案例
2019年01月11日 by 阅读 30007 次
小tips: 纯CSS实现打字动画效果
2019年01月10日 by 阅读 50785 次
本文主要介绍如何使用CSS实现类似打印机一样的文本打字效果，展示了共两种方法，分别适用于纯中文场景，以及中英文混合场景，这种效果在线简历，或者一些运营活动上比较合适。希望本文内容可以对你的学习有所帮助。
CSS/CSS3 box-decoration-break属性简介
2019年01月5日 by 阅读 26674 次
CSS box-decoration-break属性可以指定元素片段在跨行、跨列或跨页（如打印）时候的样式渲染表现。
默认情况下，元素的跨行或跨列渲染都是裁剪分割，各得一部分，借助box-decoration-break属性，可以让换行，或者换列的各部分元素按照独立的样式进行渲染，活用这种特性，可以让我们的布局和样式表现更上一层。
CSS :placeholder-shown伪类实现Material Design占位符交互效果
2018年12月25日 by 阅读 32907 次
Material Design规范中占位符交互效果是这样的：focus输入框的时候，placeholder会位移到左上角作为一个label存在。以前我们要实现这种效果只能借助JavaScript，实际上，纯CSS就能搞定之，就是借助:placeholder-shown伪类实现。且目前在移动端兼容性不错，可以在实际项目中应用。究竟如何实现？有没有这么神奇？一起进来看看吧~
从天猫某活动视频不必要的3次请求说起
2018年12月24日 by 阅读 37353 次
我们在移动端做H5开发的时候，有时候会用到MP4视频，对于一些酷效果，是性价比最高的方式。然而，很多前端开发在使用这些视频的时候没有注意，或者根本就不知道视频的某些信息的位置会影响浏览器的请求个数，从而影响网页性能。
我的应用
我的应用