CSSでフォントの太さを設定する方法

CSS では、font-weight 属性を通じてフォントの太さを設定できます。この属性の値が「lighter」に設定されている場合は細いスタイルとなり、値が「normal」の場合は細いスタイルになります。は通常の太さで、値が " の場合、「bold」は太字スタイル、「bolder」は特別な太字スタイルです。

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

CSSは文字の太さを細かく分割したり、太字を通常の太さの表示に変更したりすることができます。テキストの太さは、属性 font-weight によって CSS で設定されます。上記のコードは、ほぼすべてのテキストの太さの値をカバーしており、フォント自体を太字にすることも、通常の太字にすることもできます。例:

.lighter {
    font-weight: lighter;
}
.normal {
    font-weight: normal;
}
.bold {
    font-weight: bold;
}
.bolder {
    font-weight: bolder;
}

<p class="lighter">字体粗细： lighter</p>
<p class="normal">字体粗细： normal</p>
<p class="bold">字体粗细： bold</p>
<p class="bolder">字体粗细： bolder</p>

上記のコードは、太さの異なる 4 つのフォントを定義しており、順番に太くなっています。実行結果は図のようになります。

#CSS では、より詳細な制御を実現するために、フォントの太さを数値で設定することもできます。この数値は 100 の整数倍である必要があり、値は 100 ～ 900 の間です。値が大きいほど、フォントは太くなります。 400 は標準に相当し、700 は太字に相当します。さまざまな値の結果は図に示すとおりです。

#ブラウザは一部の要素 (strong、h1 ～ h6、b など) に太字形式を自動的に追加します。 )、一部の要素は親要素の太字形式も継承します。font-weight:normal を渡すと、これらの要素の太字形式をキャンセルできます。

推奨学習: 「css ビデオ チュートリアル 」

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