2016-10-31 3 views
0

sah ich die folgende Art von Bild in vielen Websites, wenn ich die Website herunterladen und ich habe keine Ahnung von diesem BildHTML Style Icon

Können Sie bitte erklären ..

enter image description here

Ich denke, das sind alle Symbole und gruppiert, wenn ich richtig bin, wie kann ich es in HTML-Seite verwenden.

+0

1.https: //material.io/icons/ 2.http: //www.w3schools.com/icons/ 3.http: //fontawesome.io/examples/ – prasanth

Antwort

1

Dies ist ein sogenanntes Sprite-Bild. Sie verwenden dasselbe Bild als Hintergrundbild für kleine Elemente und verwenden background-position, um das richtige Symbol zu setzen.

Der Vorteil ist, dass Sie nur einmal ein Bild laden müssen.

Siehe hierzu article about sprite images.

+2

Bitte stimmen nur zu Schließen Sie das [Duplizieren] (http://stackoverflow.com/questions/5194724/css-using-on-background-image-with-multiple-images-on-it) – mplungjan