1 つのステートメントですべてのフォント プロパティを設定する方法

分析例:

フォント プロパティは、1 つのステートメントですべてのフォント プロパティを設定するために使用される CSS 短縮プロパティです。

#設定可能なプロパティは次のとおりです (順番に): "font-style font-variant font-weight font-size/line-height font-family"

説明:

●font-style: フォント スタイルを指定します。

● Font-variant: フォント バリアントを指定します。

● フォントの太さ: フォントの太さを指定します。

●font-size/line-height: フォント サイズと行の高さを指定します。

● フォントファミリー: フォントファミリーを指定します。

● キャプション: キャプション コントロール (ボタン、ドロップダウン リストなど) で使用されるフォントを定義します。

## icon: アイコンマークで使用されるフォントを定義します。

● メニュー: ドロップダウン リストで使用されるフォントを定義します。

#●メッセージ ボックス: ダイアログ ボックスで使用されるフォントを定義します。

● 小さいキャプション: キャプション フォントの小さいバージョン。

● ステータスバー: ウィンドウのステータスバーで使用されるフォントを定義します。

font-size と font-family の値は必須です。他の値が欠落している場合は、デフォルト値が存在すればそれが挿入されます。

注: line-height 属性は行間のスペースを設定します。

学び続ける
||
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> <style> p.ex1 { font:15px arial,sans-serif; } p.ex2 { font:italic bold 12px/30px Georgia,serif; } </style> </head> <body> <p class="ex1">This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph.</p> <p class="ex2">This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph. This is a paragraph.</p> </body> </html>
  • おすすめコース
  • コースウェアのダウンロード
現時点ではコースウェアはダウンロードできません。現在スタッフが整理中です。今後もこのコースにもっと注目してください〜