CSSのフォントサイズってどういう意味ですか？-フロントエンドQ&A-php.cn

CSSのフォントサイズってどういう意味ですか？

青灯夜游

リリース： 2022-03-18 18:29:20

オリジナル

2802 人が閲覧しました

css フォントサイズは、フォント内の文字ボックスのサイズを指します。 CSS では、フォントサイズは font-size 属性を使用して設定され、実際にはフォント内の文字ボックスの高さが設定されます。実際の文字グリフは、これらのボックスよりも高いか低い場合があります (通常は低い)。

CSSのフォントサイズってどういう意味ですか？

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

css フォントサイズは、フォント内の文字ボックスのサイズを指します。

cssでは、font-size属性を使用してフォントのサイズ(サイズ)を設定します。

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

font-size 属性の可能な値:

smallerfont-size を親要素よりも小さいサイズに設定します。 largerfont-size を親要素よりも大きいサイズに設定します。 font-size を固定値に設定します。親要素に基づいて font-size をパーセンテージ値に設定します。 inherit フォントサイズを親要素から継承することを指定します。

Value	Description
#xx-小 x-小小中大 x-大 xx-large	フォントサイズを xx-small から xx-large までのさまざまなサイズに設定します。デフォルト値: 中。


length
%

#各キーワードに対応するフォントは、最も小さいキーワードに対応するフォントよりも高く、次に大きいキーワードに対応するフォントよりも小さい必要があります。

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

ログイン後にコピー

CSSのフォントサイズってどういう意味ですか？ #(学習ビデオ共有: