看到这个标题，有人第一反应可能是font-weigh不就是是控制字体粗细的吗？为什么要选择不同字体包？因为很多字体不包含粗细级别，设置font-weight是无效的！我们来看下面这个例子使用同一个字体，font-weight分别设置为600、500、40...

css阶梯函数steps()是animation-timing-function属性的另一种函数值，以帧的方式过渡，可形成定格动画。语法：animation-timing-function:steps(number,[end|start])参数说...

为数字设置font-feature-settings:"tnum"，可以让数字等宽显示，从而避免数字变化时的抖动。比如某些手机的系统字体竟然不等宽！！！别看了，说的就是你，MiSans！！！<!doctypehtml>&...

先推荐一个正则表达式可视化小工具：https://tool.yeelz.com/devtool/37.html对正则阅读有障碍的同学可以借助这个工具将正则可视化，从此爱上读正则号码相关手机号（以1开头）：/^(?:(?:\+|00)86)?1\d{10}$...

几个月前（恍如昨日~~）写过一篇如何优雅的使footer保持在页面的最底部的水文。使用flex布局实现了页脚始终在容器底部。这几天在做一个页面时用到了Grid网格布局，突然想到，用Grid布局实现粘性页脚貌似更简单啊。什么是Grid网格布局Grid布局能将...

伪类（pseudoclass）和伪元素（pseudoelement）都是前端开发中经常接触的概念，但是这两个概念特别容易搞混。什么是伪类、伪元素？伪类：以冒号（:）开头，用于选择处于特定状态的元素。伪元素：以双冒号（::）开头，用于在文档中插入虚构的元...