ホームページ > 記事 > ウェブフロントエンド > CSSのフォントサイズってどういう意味ですか？
CSSのフォントサイズってどういう意味ですか？
- 青灯夜游オリジナル
- 2022-03-18 18:29:202777ブラウズ
css フォント サイズは、フォント内の文字ボックスのサイズを指します。 CSS では、フォント サイズは font-size 属性を使用して設定され、実際にはフォント内の文字ボックスの高さが設定されます。実際の文字グリフは、これらのボックスよりも高いか低い場合があります (通常は低い)。
このチュートリアルの動作環境: Windows 7 システム、CSS3&HTML5 バージョン、Dell G3 コンピューター。
css フォント サイズは、フォント内の文字ボックスのサイズを指します。
cssでは、font-size属性を使用してフォントのサイズ(サイズ)を設定します。
しかし実際には、font-size 属性はフォント内の文字ボックスの高さを設定します。実際の文字グリフはこれらのボックスよりも高い場合もあれば低い場合もあります (通常は低い)。
font-size 属性の可能な値:
| Value | Description |
|---|---|
|
フォント サイズを xx-small から xx-large までのさまざまなサイズに設定します。 デフォルト値: 中。 |
| font-size を親要素よりも小さいサイズに設定します。 | |
| font-size を親要素よりも大きいサイズに設定します。 | |
| length | font-size を固定値に設定します。|
| % | 親要素に基づいて font-size をパーセンテージ値に設定します。|
| フォント サイズを親要素から継承することを指定します。 |
<!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>
#(学習ビデオ共有:
、Web フロントエンド )
以上がCSSのフォントサイズってどういう意味ですか？の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。