Home > Article > Web Front-end > Can css font size unit be em?
Can css font size unit be em?
- WBOYOriginal
- 2021-12-14 10:15:512699browse
In CSS, the unit of font size can be em, which is a relative length unit; em describes the font size relative to the current element. The style of font size in CSS uses the "font-size" attribute To set, this attribute can use em as the unit of the attribute value.
The operating environment of this tutorial: Windows 10 system, CSS3&&HTML5 version, Dell G3 computer.
Can the css font size unit be em
The css font size unit can be em.
In the overall layout of the page, the size of the page elements (length, width, inner and outer margins, etc.) and the size of the page font are also one of the important tasks. A reasonable setting will make the page look well-organized, focused, and pleasing to the eye. On the contrary, an unfriendly page size and font size setting will increase the complexity of the page and increase the complexity of the user's understanding of the page.
em: It describes the font size relative to the current element, so it is also a relative length unit.
px: is the pixel unit. It is every small dot displayed on the display screen, which is the smallest unit of display. It is an absolute size unit; the
font-size property can set the size of the font, and you can use the em unit.
The example is as follows:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
.p1{
font-size:5px;
}
.p2{
font-size:5em;
}
</style>
</head>
<body>
<p class="p1">这是px单位</p>
<p class="p2">这是em单位</p>
</body>
</html>Output result:
(Learning video sharing: css video tutorial)
The above is the detailed content of Can css font size unit be em?. For more information, please follow other related articles on the PHP Chinese website!