ホームページ  >  記事  >  ウェブフロントエンド  >  CSSで文字を大きくする方法

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

王林
王林オリジナル
2020-11-11 14:18:343039ブラウズ

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 サイトの他の関連記事を参照してください。

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