ホームページ > 記事 > ウェブフロントエンド > HTMLのフォントサイズを変更する方法

HTMLのフォントサイズを変更する方法

青灯夜游オリジナル: 2021-04-30 17:27:0827908ブラウズ

HTML のフォントサイズを変更する方法: 1. 構文形式「font text」で font タグを使用します。2. フォントテキストを含むタグ要素の style 属性を使用します。「font-size:value;」スタイルを追加するだけで十分です。

HTMLのフォントサイズを変更する方法

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

方法 1: フォントタグ

を使用して、テキストのフォント、フォントサイズ、フォントの色を指定します。

フォントの色を設定するための構文:

<font size="数值">字体文本</font>

size 属性値の範囲: 1 ～ 7 の数値。ブラウザのデフォルトは 3 です。

例:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
	</head>
	<body>
		<div>测试文本</div>
		<div><font size="5">测试文本</font></div>
	</body>
</html>

レンダリング:

HTMLのフォントサイズを変更する方法

#方法 2:「font-size: value;」スタイルを使用します。

例:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
	</head>
	<body>
		<div>测试文本</div>
		<div style="font-size: 30px;">测试文本</div>
	</body>
</html>

レンダリング:

HTMLのフォントサイズを変更する方法

css font-size 属性はフォントサイズの設定に使用されます。

#値##xx-smallデフォルト値: 中。 font-size を親要素よりも小さいサイズに設定します。 font-size を親要素よりも大きいサイズに設定します。 length% フォントサイズを親要素から継承することを指定します。 (学習ビデオ共有: css ビデオチュートリアル)

説明
x -small small medium large xx-large xx-large フォントサイズを xx-small から xx-large までのさまざまなサイズに設定します。	smaller
	larger

font-size を固定値に設定します。
親要素に基づいて font-size をパーセンテージ値に設定します。	inherit

以上がHTMLのフォントサイズを変更する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

前の記事：HTMLでページズームを無効にする方法次の記事：HTMLでページズームを無効にする方法

続きを見る