3

ブートストラップ ページの作成と学習中。CSS の content 属性に出くわしました。いくつかの記事を読んで、それがどのように機能するかを理解しました。しかし、次のコード スニペットは画像アイコンを示していますが、コンテンツ属性値は実際には画像 URL ではなくコードです。URLなしで画像を表示する方法と、画像がどこから来ているのか明確ではありません。

.test.glass i:before {
  content: "\e001";
}

以下は、上記の css を使用して画像アイコンを表示する html 要素です。

<span class="test glass"><i></i></span>

しかし、"\e001"それは画像コードか何かですか?

4

1 に答える 1

5

それらはutf8コードです。さまざまな標準フォントのグリフを説明しているサイトはたくさんありますが、任意の文字として選択した画像を使用して独自のフォント セットを定義することもできます。

たとえばfontelloのWebフォントを使用しているが、そのようなサイトがたくさんある場合、文字\ e0001として使用する画像を定義でき、その画像を使用するときはいつでも、そのフォントフェイスを使用するようにする必要があります要素を削除し、utf8 コードを使用して画像を表示します。html では、次のようになります<span class="iconfont">&#xe001;</span>。cssで画像を追加すると、例のようになります。

于 2013-04-12T18:19:11.697 に答える