ホームページ >ウェブフロントエンド >CSSチュートリアル >CSSでdivフォントサイズを設定する方法

CSSでdivフォントサイズを設定する方法

王林オリジナル: 2021-06-22 15:09:125546ブラウズ

CSS で div のフォントサイズを設定する方法は、div フォントに font-size 属性を追加し、[div {font-size:200%;} などの適切なフォントサイズを設定することです。 ]。

#この記事の動作環境: Windows10 システム、css 3、thinkpad t480 コンピューター。

div のフォントサイズを設定するには、css の font-size 属性を使用できます。 font-size 属性を使用すると、フォントサイズを簡単に設定できます。しかし、友人の中には font-size 属性を知らない人もいるかもしれないので、この属性について簡単に紹介しましょう。

font-size プロパティは、フォントサイズの設定に使用されます。

一般的に使用される属性値は次のとおりです。

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

コード例:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title>
<style>
h1 {font-size:250%;}
h2 {font-size:200%;}
p {font-size:100%;}
</style>
</head>

<body>
<h1>This is heading 1</h1>
<h2>This is heading 2</h2>
<p>This is a paragraph.</p>
</body>

</html>

実行時の効果は次のとおりです:

CSSでdivフォントサイズを設定する方法

CSSでdivフォントサイズを設定する方法

関連記事