html - CSS背景画像としてのGIF

Question

私はcssでこのようなものを持っています

.ajax-loader {
    background-image: url(../images/icon/loader.gif);
}

このようなHTML要素で使用されます

<div class='ajax-loader'></div>

私の質問は:

ajax-loaderスタイルが 1 つのページで複数回使用されている場合、画像loader.gifは複数回読み込まれますか、それとも 1 回だけ読み込まれますか?

Answer 1

このイメージは 1 回読み込まれます。これは非常に単純ですobject-oriented programing。クラスを 1 回定義すると、どこでも使用できます。css でも同じことが行われます。

イメージが読み込まれると、どこでも使用できます。また、これは優れたプログラミング アプローチです。