2016-06-24 7 views
-1

私はShay Howe HTML/CSSチュートリアルをやっています。次のコード例の例が含まれています。 http://codepen.io/shayhowe/pen/gblxyフォントの値は?

フォントプロパティの値に文字aが何を意味するのかわかりません。誰かがそれを私に説明できるなら、本当に感謝します。

HTML

  • 太字テキスト
  • 斜体テキスト
  • 下線テキスト
  • サイズテキスト
  • 箇条書きのテキスト
  • 番号]
  • 引用テキスト
  • 左揃えテXT
  • 中央揃えテキスト
  • 右揃えテキスト

CSS

li span { 
    background: url("https://s3-us-west-2.amazonaws.com/s.cdpn.io/29841/sprite.png") 0 0 no-repeat; 
    color: transparent; 
    display: block; 
    font: 0/0 a; */the a right here */ 
    height: 16px; 
    width: 16px; 
} 
+0

0/0 = fontsize/rowsize。 'a'は "a"という名前のフォントで、何でも構いません。 –

答えて

2

font: 0/0 a;は - フォントサイズと行の高さをゼロに速記プロパティです。 という値は、非常に短いフォントファミリー(この方法のBEM実装から得られたアイデア)として機能します。 CSSバリデーターは、0/0を短いフォントプロパティで使用すると有効ではありませんが、すべてのブラウザがそれを受け入れ、バリデーターにエラーがあるようです。 font:0px/0を使用すると、は検証にパスしますが、バリデータが有効とフラグするコードにフォント:0/0 aと表示されます。

関連する問題