字体中的"a"代表什么:0/0 a;

Mr.*_*ien 27 css font-size shorthand

我指的是一个视频教程,其中设计师用于font: 0/0 a;图像替换,所以我得到的0font-size,另一个0line-height设计师跳过这a部分只是说这是一个黑客.

那究竟a是做什么的呢?

ish*_*ood 30

http://nicolasgallagher.com/another-css-image-replacement-technique/

font:0/0 a - 一个缩写字体大小和行高的简写属性.a值充当一个非常短的字体系列(从该方法的BEM实现中获取的想法).CSS验证器抱怨在速记字体属性中使用0/0无效,但每个浏览器都接受它,这似乎是验证器中的错误.使用font:0px/0 a传递验证,但它在验证器标记为有效的代码中显示为font:0/0 a.

  • 仅在速记符号中设置 `a` 似乎是必要的。普通`字体大小:0; line-height: 0` 似乎也有效 https://codepen.io/ryanve/pen/OzOKNd (3认同)

Guf*_*ffa 14

a是一个字体名称,当然,任何人都不太可能安装了该名称的字体.

它只是用来满足CSS语法,浏览器认为它应该使用的字体并不重要,因为它不会用于显示任何文本.


如果您在图像上使用它以消除图像周围的间距,请考虑使用display:block.