What is the attribute name of css to set font size?-CSS Tutorial-php.cn

Home

Web Front-end

CSS Tutorial

What is the attribute name of css to set font size?

青灯夜游

Feb 24, 2021 pm 05:20 PM

cssfont size

The attribute name of css to set the font size is "font-size". This attribute uses the unit that represents the size in css (px, em, rem, etc.) to set the font size. You can also use units such as percent signs to set the font size. set up. Actually font-size sets the height of the character boxes in the font; the actual character glyph may be taller or shorter than these boxes.

What is the attribute name of css to set font size?

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

The css attribute name for setting font size is "font-size".

The font-size attribute is used to set the font size and font size; usually the unit representing the size in CSS is used to set the font size, and units such as percent signs can also be used to set the font size.

Actually, this property sets the height of the character boxes in the font; the actual character glyph may be taller or shorter than these boxes (usually shorter).

If an element does not explicitly define the font-size attribute, it will automatically inherit the calculation result of the font-size attribute of the parent element. [Recommended tutorial: CSS video tutorial]

Attribute value:

What is the attribute name of css to set font size?

##Example:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<style type="text/css">
			.length1 {
				font-size: 20px;
			}
		
			.length2 {
				font-size: 2em;
			}
			
			.length3 {
				font-size: 2rem;
				
			}
			.length4{
				font-size:200%;
			}
			.length5{
				font-size:x-large;
			}
			.length6{
				font-size:xx-large;
			}
		</style>
	</head>
	<body>
		<p>这是测试段落</p>
		<p class="length1">这是测试段落</p>
		<p class="length2">这是测试段落</p>
		<p class="length3">这是测试段落</p>
		<p class="length4">这是测试段落</p>
		<p class="length5">这是测试段落</p>
		<p class="length6">这是测试段落</p>
	</body>
</html>

Rendering:

What is the attribute name of css to set font size?

For more programming related knowledge, please visit:

Programming Video! !

The above is the detailed content of What is the attribute name of css to set font size?. 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

Iterating a React Design with Styled ComponentsApr 21, 2025 am 11:29 AM

In a perfect world, our projects would have unlimited resources and time. Our teams would begin coding with well thought out and highly refined UX designs.

Oh, the Many Ways to Make Triangular Breadcrumb Ribbons!Apr 21, 2025 am 11:26 AM

Oh, the Many Ways to Make Triangular Breadcrumb Ribbons

SVG Properties in CSS GuideApr 21, 2025 am 11:21 AM

SVG has its own set of elements, attributes and properties to the extent that inline SVG code can get long and complex. By leveraging CSS and some of the forthcoming features of the SVG 2 specification, we can reduce that code for cleaner markup.

A Few Functional Uses for Intersection Observer to Know When an Element is in ViewApr 21, 2025 am 11:19 AM

You might not know this, but JavaScript has stealthily accumulated quite a number of observers in recent times, and Intersection Observer is a part of that

Revisting prefers-reduced-motionApr 21, 2025 am 11:18 AM

We may not need to throw out all CSS animations. Remember, it’s prefers-reduced-motion, not prefers-no-motion.

How to Get a Progressive Web App into the Google Play StoreApr 21, 2025 am 11:10 AM

PWA (Progressive Web Apps) have been with us for some time now. Yet, each time I try explaining it to clients, the same question pops up: "Will my users be

The Simplest Ways to Handle HTML IncludesApr 21, 2025 am 11:09 AM

It's extremely surprising to me that HTML has never had any way to include other HTML files within it. Nor does there seem to be anything on the horizon that