How css uses rem for global resizing and em for local resizing

This article mainly shows you the "css how to use rem for global resizing and em for local resizing", the content is easy to understand, well-organized, hope to help you solve your doubts, the following let the editor lead you to study and learn "css how to use rem for global resizing and em for local resizing" this article.

Global resizing using rem and local resizing using em

After setting the basic font size of the root directory, such as html font size: 15pxposition, you can set the font size of the containing element to rem:

Article {font-size: 1.25remt;} aside {font-size: .9rem;}

Then set the font size of the text element to em

H3 {font-size: 2em;} p {font-size: 1em;}

Now, each contained element has become partitioned, easier to stylize, easier to maintain, and flexible.

These are all the contents of the article "how css uses rem for global resizing and em for local resizing". Thank you for reading! I believe we all have a certain understanding, hope to share the content to help you, if you want to learn more knowledge, welcome to follow the industry information channel!