CSSページレイアウト（テキストスタイル）に関する常識まとめ

CSS には多くの知識があり、すべてを覚えるのは不可能です。暇なときに、CSS ページ レイアウトに関する一般的な知識をまとめました。この記事では、CSS テキスト スタイルに関する一般的な知識を紹介します。困っている友達は参考にしていただければ幸いです。

1. フォントの種類

ほとんどのユーザー システムでデフォルトでサポートされている中国語フォントは、Song、Hei、Youyuan、Kai です。デフォルトでサポートされている英語フォントは Arial です。 、Arial Black、Arial Narrow、Century Gothic、Comic SansMS、Times New Romanなど。使用する際には、Song 王朝と Arial が最も頻繁に使用されます。

CSS は、フォント タイプを設定するための font-family プロパティを提供します。

例: p{font-family: 宋体;}

注: 複数のフォント属性が同時に設定されている場合、優先順位が高くなります。

2. フォント サイズ

CSS は、フォント サイズを設定するための font-size 属性を提供します。

例: p{font-size: 12px;}

相対サイズ

px、em、10%、大きい、小さい (最後の 2 つは親に対する相対サイズ)要素)

絶対サイズ

pt、pc、cm 単位 mm

キーワード

xx-small、x-small、small、large、x -large,xx-large

3. フォントの太字

CSS は、フォントを太字に設定する font-weight 属性を提供します。

例: p{font-weight:大胆;}

数値: 100、200、…、900

キーワード: 太字、より太字、より軽い、標準

4. 文字の色

CSS は文字の色を設定する color 属性を提供します。

例: p{色: 赤;}

色の名前: 赤、緑、……

RGB 値: (255,255,255)、…….

16 進値: #ff0000,...

5, italic

CSS は、単語を斜体に設定するための font-style 属性を提供します。属性値には、normal、italic、oblique の 3 つがあります。

例: p{font-style: italic;}

6、下線、下線、取り消し線

CSS はフォント装飾プロパティ セットの下線を提供します、下線、取り消し線。属性値は、underline (下線)、blink (点滅する文字)、overline (上の行)、line-through (取り消し線) の 4 つです。

例: p{font-decoration:Underline;}

7. 英語文字の場合

CSS は、英語を設定するための font-transform 属性を提供します。文字の大文字と小文字。属性値は 4 つあります: none、capitalize (最初の文字が大文字)、uppercase (すべて大文字)、および lowercase (すべて小文字)。

例: p{font-transform: none;}

8. テキスト段落スタイル

水平配置

CSS を提供します。 text-align 属性を使用して水平方向の配置を設定します。属性値は、left (左揃え)、right (右揃え)、center (中央揃え)、justify (両端揃え) の 4 つです。

例: p{text-align: left;}

垂直方向の配置

CSS は、垂直方向の配置を設定するための writing-mode 属性とlayout-flow 属性を提供します。

文法: 書き込みモード: lr-tb; (左-右-上-下)

書き込みモード: tb-rl; (上-下-右-左)

レイアウトフロー: 水平方向; (水平方向の配置)

レイアウトフロー: 垂直方向の表意文字; (垂直方向の配置)

最初の行のインデント

CSS は、最初の行のインデントを設定する text-indent 属性を入力します。属性値はピクセル値またはパーセンテージにすることができます。

例: p{text-indent: 12px;}

行間隔

CSS は、行間隔を設定するための line-height 属性を提供します。属性値には長さの値を指定できます。

例: p{line-height: 12px;}

文字間隔

CSS は、文字間隔を設定するための Letter-spacing 属性を提供します。属性値には長さの値を指定できます。

例: p{letter-spacing: 12px;} (文字間隔)

p{word-spacing: 12px;} (単語間隔)

以上がCSSページレイアウト（テキストスタイル）に関する常識まとめの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。