Home > Article > Web Front-end > What does css font size mean?

What does css font size mean?

青灯夜游Original: 2022-03-18 18:29:202777browse

css font size refers to the size of the character box in the font. In CSS, font size is set using the font-size attribute, which actually sets the height of the character boxes in the font; the actual character glyph may be taller or shorter than these boxes (usually shorter).

The operating environment of this tutorial: Windows 7 system, CSS3&&HTML5 version, Dell G3 computer.

css font size refers to the size of the character box in the font.

In css, use the font-size attribute to set the size (size) of the font.

But in fact, the font-size attribute sets the height of the character boxes in the font; the actual character glyph may be taller or shorter than these boxes (usually shorter).

Possible values for the font-size attribute:

smallerSet font-size to a smaller size than the parent element. largerSet font-size to a larger size than the parent element. Set font-size to a fixed value. Set font-size to a percentage value based on the parent element. inherit Specifies that the font size should be inherited from the parent element.

Value	Description
##xx-small x-small small medium large x-large xx-large	Set the font size to different sizes, from xx-small to xx-large. Default value: medium.


length
%

#The font corresponding to each keyword must be taller than the font corresponding to the smallest keyword, and smaller than the font corresponding to the next largest keyword.

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<style>
			.px {
				font-size: 16px;
			}

			.pt {
				font-size: 14pt;
			}

			.in {
				font-size: .19in;
			}

			.cm {
				font-size: .8cm;
			}

			.mm {
				font-size: 8mm;
			}
		</style>
	</head>
	<body>
		<p>默认字体大小</p>
		<p class="px">字体大小： 16px</p>
		<p class="pt">字体大小： 14pt</p>
		<p class="in">字体大小： .16in</p>
		<p class="cm">字体大小： .8cm</p>
		<p class="mm">字体大小： 8mm</p>

	</body>
</html>

What does css font size mean? ##(Learning video sharing:

css video tutorial

, web front-end)

The above is the detailed content of What does css font size mean?. For more information, please follow other related articles on the PHP Chinese website!

Statement：

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn

Previous article：What are the css3 style prefixes?Next article：What are the css3 style prefixes?

See more

What does css font size mean?

Related articles