CSSを使用してキーワードのフォントサイズを設定する-CSSチュートリアル-php.cn

CSSを使用してキーワードのフォントサイズを設定する

王林

リリース： 2023-09-13 14:13:01

転載

741 人が閲覧しました

CSS font-size プロパティは、絶対キーワードと相対キーワードを使用して設定できます。これにより、必要に応じてテキストが拡大縮小されます。

構文

CSS font-size 属性の構文は次のとおりです-

Selector {
   font-size: /*value*/
}

ログイン後にコピー

次の表は、CSS で使用される標準キーワードの一覧です-

##1#234##largeフォントサイズを大に設定しますxx-largeフォントサイズを特大に設定しますxx-largeフォントサイズを xx-large サイズに設定しますSmaller フォントサイズを親要素よりも小さく設定しますBigger フォントサイズを親要素よりも大きいサイズに設定します例

Sr.No	値&説明
	中##フォントサイズを中に設定します。これはデフォルトです。
xx-small	#set はフォントサイズを設定します。 to xx-small size
xx-small	フォントサイズを特殊に設定しますSmall< /p>
Small	フォントサイズを小さいサイズに設定します< /strong> #5
	6
	7
	8
	9
	##次の例は、キーワードを使用して CSS font-size プロパティを設定する方法を示しています。

ライブデモンストレーション

<!DOCTYPE html>
<html>
<head>
<style>
h1{
   font-size: larger;
}
#demo {
   font-size: medium;
   text-align: center;
   background-color: floralwhite;
}
p {
   font-size: xx-large;
}
</style>
</head>
<body>
<h1>Demo Heading</h1>
<p id="demo">This is demo text.</p>
<p>This is another demo text.</p>
</body>
</html>

ログイン後にコピー

出力

これにより、次の出力が得られます。

例

ライブデモンストレーション使用 CSS 设置关键字的字体大小

<!DOCTYPE html>
<html>
<head>
<style>
div {
   margin: auto;
   padding: 5px;
   width: 30%;
   border: 1px solid;
   border-radius: 29%;
   text-align: center;
   font-size: xx-small;
}
p {
   font-size: xx-large;
}
</style>
</head>
<body>
<div>
<div>One</div>
<p>Two</p>
</div>
</body>
</html>

ログイン後にコピー

出力

これにより、次の出力が得られます-

以上がCSSを使用してキーワードのフォントサイズを設定するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。