ホームページ >ウェブフロントエンド >CSSチュートリアル >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 サイトの他の関連記事を参照してください。