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>

リセットコード

自動運転

提出する

プレビュー Clear