CSS generates commonly used icon styles

This time I will bring you the commonly used icon styles generated by CSS. What are the precautions for generating commonly used icon styles by CSS. Here are practical cases, let’s take a look.

Basic Icons:

You can use Font Awesome icons almost anywhere by using the CSS prefix fa, followed by the icon name. Font Awesome is designed for use with inline elements. We usually prefer to use because it's more concise. But in fact, using can be more semantic.

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

Note: If you modify the font size of the icon container, the icon size will change accordingly. The same changes will also happen to colors, shadows, and otherany CSS-supported effects.

Remember to introduce when using:

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

I believe you have mastered the method after reading the case in this article. For more exciting information, please pay attention to php Chinese website Other related articles!

Recommended reading:

Detailed explanation of the use of pointer-events in css3

Completely use CSS to center elements

The above is the detailed content of CSS generates commonly used icon styles. For more information, please follow other related articles on the PHP Chinese website!