フォントサイズを設定するcssの属性名は何でしょうか？-CSSチュートリアル-php.cn

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

青灯夜游

リリース： 2023-01-03 09:25:16

オリジナル

9395 人が閲覧しました

フォントサイズを設定する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の属性名は何でしょうか？