CSSフォーマット文字レイアウト

文字のレイアウトにはどのような操作がありますか?ワードをよく使う人は、フォント、文字、色、インデント、位置合わせ、行の高さ、下線など、口にできるに違いありません.そうです.これらは文字レイアウトでよく使われる項目です.Webページの文字レイアウトにも使用されます.

フォント

Webページの文字にフォントを設定するには、一般的なフォントを選択することに注意してください.システムにデフォルトでインストールされているフォントが望ましいので、互換性が優れています.

body{font-family:"Microsoft Yahei";}
body{font-family:"    ";}

上記の2つの書き方はいずれも使用できますが、1つ目の書き方の互換性は2つ目の書き方より強いです.

ふごう

文字は、ページに表示される文字のサイズを表します.

body{font-size:20px;}

フォントの色

フォントの色は、テキストがページに表示されるときの色を表します.

body{color:red;}

フォント色を設定する場合は、「color」を直接使用し、セレクタ内のすべてのテキスト内容にデフォルトで適用します.

インデント

通常の段落は、日常生活での意味化であり、ページ表示でも意味化された表現形式に従うべき2文字の先頭にインデントされたフォーマットに従います.

body{text-indent:2em;}

ここで、インデントされた単位は「px」ではなく「em」であり、「px」を使用する場合は固定値を指定しますが、「em」は固定値ではなく、セレクタ(または親セレクタ)で指定された番号を参照して単位とします.例えば、フォントサイズfont-sizeが10 pxに設定されている場合、1 em=10 px、フォントサイズfont-sizeが20 pxに設定されている場合、1 em=20 pxとなる.特定の文字数が指定されていない場合は、ブラウザのデフォルトの文字数を単位として使用します.

行間隔

行間距離は行高とも呼ばれ、大きな文字の各行間の間隔距離であり、使用する単位もemである.

body{line-height:2em;}

ワードピッチ

ワードピッチは、各文字間の距離を表すために使用され、emとpxで使用できます.

body{letter-spacing:10px;}

これを使ってレイアウトをすると、中国語は問題ありませんが、英語は単語ではなくアルファベットで処理されます.英語を単語の形で処理するにはword-spacingを使うべきです.

body{word-spacing:10px;}

配置

テキストの位置合わせは、左揃え、右揃え、中央揃えなど、レイアウトでよく使われますが、CSSでも同様に実現できます.

body{text-align:left/right/center;}

太字、斜体

Webでは斜体が強調を表し,太体が加重強調を表すために用いられ,語気の面では太体語気強度>斜体語気強度である.

body{font-weight:bold;}
body{font-style:italic;}

太字と斜体を設定する際のキー名は異なり、font-weightは太字、font-styleは斜体を設定するので注意が必要です.

下線

下線は通常、文字を表示するために用いられ、注意が必要であることを注意し、ここを強調する意味もある.

p{text-decoration:underline;}

Web開発では,通常太字方式を用いることを強調する.

線の削除

ショッピングサイトを見ていると、削除線という表現がよく見られます.元の価格を切り落として、新しい価格を使って、商品の値下げを表します.

p{text-decoration:line-throught;}