#书摘 #css #前端
《CSS 世界》font-family 等宽字体的好处
1. 等宽字体利于代码呈现
2. ch和em、rem、ex一样，是CSS中和字符相关的相对单位。和ch相关的字符是0，没错，就是阿拉伯数字0。（第一次听说）
- 1ch表示一个0字符的宽度，所以6个0所占据的宽度就是6ch。 但是我们网页内容的字符不可能都是 0，所以这个单位乍看就显得很鸡肋。但是，如果和等宽字体在一起使用，它就可以发挥不一样的威力
- 例如，有些输入框是输入手机号的，在中国，手机号是 11 位，因此我们可以设置该输入框宽度为 11ch，同时让字体等宽，则用户一眼就能看出自己是否少输入或者多输入了 1 位数字。又如，我们想实现一个屏幕上代码一个一个出现的动效，如果代码是等宽字体，此时使用 ch 单位来控制宽度，配合 overflow 属性和 CSS animation就能在完全不使用JavaScript的情况下将此效果模拟出来。