ホームページ  >  記事  >  ウェブフロントエンド  >  フォントサイズを設定するcssの属性名は何でしょうか?

フォントサイズを設定するcssの属性名は何でしょうか?

青灯夜游
青灯夜游オリジナル
2021-02-24 17:20:599425ブラウズ

フォントサイズを設定するcssの属性名は「font-size」ですが、この属性はcssでサイズを表す単位(px、em、remなど)を使用してフォントサイズを設定します。パーセント記号などの単位を使用してフォント サイズを設定することもできます。実際には、font-size はフォント内の文字ボックスの高さを設定します。実際の文字グリフはこれらのボックスよりも高い場合もあれば、低い場合もあります。

フォントサイズを設定するcssの属性名は何でしょうか?

このチュートリアルの動作環境: Windows 7 システム、CSS3&HTML5 バージョン、Dell G3 コンピューター。

フォントサイズを設定するためのcss属性名は「font-size」です。

font-size 属性は、フォント サイズとフォント サイズを設定するために使用されます。通常、CSS でサイズを表す単位がフォント サイズの設定に使用され、パーセント記号などの単位も使用できます。フォントサイズを設定するために使用されます。

実際には、このプロパティはフォント内の文字ボックスの高さを設定します。実際の文字グリフはこれらのボックスよりも高い場合もあれば低い場合もあります (通常は低い)。

要素で font-size 属性が明示的に定義されていない場合、親要素の font-size 属性の計算結果が自動的に継承されます。 [推奨チュートリアル: CSS ビデオ チュートリアル ]

属性値:

フォントサイズを設定するcssの属性名は何でしょうか?

#例:

<!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>

レンダリング:


フォントサイズを設定するcssの属性名は何でしょうか?

プログラミング関連の知識について詳しくは、

プログラミング ビデオをご覧ください。 !

以上がフォントサイズを設定するcssの属性名は何でしょうか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。