Heim >Web-Frontend >CSS-Tutorial >Generieren Sie Such-, Warenkorb- und andere Symbolstile mithilfe von CSS-Stilen

Generieren Sie Such-, Warenkorb- und andere Symbolstile mithilfe von CSS-Stilen

巴扎黑
巴扎黑Original
2017-09-09 14:31:263259Durchsuche

In diesem Artikel werden hauptsächlich relevante Informationen zur Verwendung von CSS-Stilen zum Generieren von Such-, Warenkorb- und anderen Symbolstilen vorgestellt (Freunde in Not können sich auf

Referenz-URL beziehen: http://fontawesome). dashgame.com/

Grundlegende Symbole:

Sie können Font Awesome-Symbole fast überall verwenden, verwenden Sie einfach das CSS-Präfix fa und den Symbolnamen. Font Awesome ist für die Verwendung mit Inline-Elementen konzipiert. Normalerweise bevorzugen wir die Verwendung von 5a8028ccc7a7e27417bff9f05adf5932, weil es prägnanter ist. Aber tatsächlich ist die Verwendung von 45a2772a6b6107b401db3c9b82c049c2 semantischer.


<i class="fa fa-camera-retro"></i> fa-camera-retro

Hinweis: Wenn Sie die Schriftgröße des Symbolcontainers ändern, ändert sich die Symbolgröße entsprechend. Die gleichen Änderungen treten bei Farben, Schatten und allen anderen CSS-unterstützten Effekten auf. Denken Sie bei der Verwendung von

daran, Folgendes zu importieren:


<link rel="stylesheet" href="font-awesome-4.7.0/css/font-awesome.min.css">

Das obige ist der detaillierte Inhalt vonGenerieren Sie Such-, Warenkorb- und andere Symbolstile mithilfe von CSS-Stilen. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Stellungnahme:
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn