ホームページ >ウェブフロントエンド >CSSチュートリアル >CSS のフォントのさまざまな属性の紹介

CSS のフォントのさまざまな属性の紹介

不言
不言オリジナル
2018-08-21 11:35:142663ブラウズ

この記事では、CSS のフォントのさまざまな属性について説明します。必要な方は参考にしていただければ幸いです。

省略順序: style-variant-weight-size/line-height-family

例:

p{font:italic bold 12px/30px Georgia,serif;}

注: font-size と font-family の値は必須です。

各属性を順番に紹介します。

1. font-style:normal (デフォルト)、oblique (斜体);

italic は oblique スタイルと非常に似ていますが、互換性はありません。

2. font-variant:normall (デフォルト); small-caps (小文字を表示するフォント。すべての小文字が大文字に変換されますが、小文字を使用するすべての文字がテキストの残りの部分と比較されます) 、より小さいフォント サイズ);

3. フォントの太さ: 標準 (デフォルト、700); より小さいフォント サイズ: (親要素よりも小さいサイズ); より大きい (親要素よりも大きいサイズ); length; large,xx-large.

5. font-family

例:

p{font-family:"Times New Roman",Time,serif;}

書き方: (1) 各値をカンマで区切ります。 (2) フォント名にスペースが含まれる場合は、二重引用符で囲む必要があります。 HTML で「style」属性を使用する場合は、一重引用符を使用します。

注: (1) コンピューター画面では、サンセリフ フォントはセリフ フォントよりも読みやすいと考えられています。 (2) Font-familyには、family-name(指定されたシリーズ)とgeneric-family(一般的なフォントファミリー)が含まれます。特定のフォントの使用は、ユーザーのマシンでそのフォントが利用できるかどうかに完全に依存するため、代替として汎用フォント ファミリ名を使用することを強くお勧めします。

関連する推奨事項:

div +css フォントの太字、フォント font_html/css_WEB-ITnose を定義する方法

CSS: リファレンス フォント ファイル、およびフォント アイコンの使用_html/css_WEB-ITnose

以上がCSS のフォントのさまざまな属性の紹介の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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