【发布时间】:2014-01-05 14:49:45
【问题描述】:
我指的是一个视频教程,其中设计师使用font: 0/0 a; 进行图像替换,所以我知道0 是font-size,另一个0 是line-height,但设计师跳过了a 部分只是说这是一个黑客。
那么a 到底在那里做什么?
【问题讨论】:
-
相关:Font Shorthand Syntax。如果你运行相同的代码,减去`a`会发生什么?
我指的是一个视频教程,其中设计师使用font: 0/0 a; 进行图像替换,所以我知道0 是font-size,另一个0 是line-height,但设计师跳过了a 部分只是说这是一个黑客。
那么a 到底在那里做什么?
【问题讨论】:
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 似乎只在速记符号中是必要的。手写font-size: 0; line-height: 0 似乎也可以使用codepen.io/ryanve/pen/OzOKNd
a 是一个字体名称,当然,任何人都不太可能安装该名称的字体。
它只是用来满足 CSS 语法,浏览器认为它应该使用什么字体并不重要,因为它不会用于显示任何文本。
如果您在图像上使用它以消除图像周围的间距,请考虑改用 display:block。
【讨论】: