CSSで文字を大きくする方法-CSSチュートリアル-php.cn

CSSで文字を大きくする方法

王林

リリース： 2020-11-30 16:14:54

オリジナル

3107 人が閲覧しました

CSS でフォントを大きくする方法: [font-size:12px] など、font-size 属性を使用してフォントサイズを設定できます。 font-size 属性はフォント内の文字ボックスの高さを設定することに注意してください。

CSSで文字を大きくする方法

このチュートリアルの動作環境: Windows7 システム、css1 バージョンこの方法は、すべてのブランドのコンピューターに適しています。

関連する推奨事項: CSS チュートリアル

css を使用するとフォントが大きくなります

##font -size 属性はフォントのサイズを設定します。

この属性は、要素のフォントサイズを設定します。これは実際にフォント内の文字ボックスの高さを設定することに注意してください。実際の文字グリフはこれらのボックスよりも高いか低い場合があります (通常は低い)。

各キーワードに対応するフォントは、最も小さいキーワードに対応するフォントよりも高く、次に大きいキーワードに対応するフォントよりも小さくなければなりません。

可能な値:

xx-small
x-small
small
medium
large
x-large
xx-large    把字体的尺寸设置为不同的尺寸，从 xx-small 到 xx-large。默认值：medium。    
smaller    把 font-size 设置为比父元素更小的尺寸。    
larger    把 font-size 设置为比父元素更大的尺寸。    
length    把 font-size 设置为一个固定的值。    
%    把 font-size 设置为基于父元素的一个百分比值。    
inherit    规定应该从父元素继承字体尺寸。

ログイン後にコピー

例:

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>div的字体大小 CSS5</title>
<style>
div{ font-size:12px}
.xiao{ font-size:16px}
#da{ font-size:20px}
</style>
</head>
<body>
<div>默认设置12px</div>
<div class="xiao">字体大小为16px</div>
<div id="da">字体大小为20px</div>
<div style=" font-size:24px">我字体大小为24px</div>
<div>默认设置12px</div>
</body>
</html>

ログイン後にコピー

プログラミング関連の知識の詳細については、「

プログラミング学習」を参照してください。！

以上がCSSで文字を大きくする方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。