cssスプライトは何をしますか?
簡単に言うと、psなどのツールを使用して複数のアイコン(小さなアイコン)を1つの画像にまとめ、httpリクエストの数を減らし、Webページの読み込み速度(パフォーマンス)を向上させる方法です。
主な利点は読み込み速度を上げることであり、イメージの名前を減らすことには小さな利点があります。これは誰もが抱えている問題だと思います。
ただし、位置を正確にしたい場合や、位置を調整して使用する場合など、いくつかのデメリットがあります。
使用方法:background-image:url(...)で画像を読み込むbackground-repeat:no-repeat;読み込みを繰り返すかどうか、デフォルトはrepeatです。repeat-xまたはrepeat-yを使用して、繰り返す軸を決定することもできます。
次に、background-position:100px 100px;を使用して、配置を達成します