CSSでフォントテキストを設定する方法

フォント属性というと誰もが思い浮かべるのはテキストでしょう。この記事では、CSS のテキスト設定についてよく理解し、テキスト スタイル 設定について学びます。

CSSはテキストのスタイルを設定できます

テキストの上下の行間隔

CSSの単語の太字方法

英単語、大文字

DIV+Css 開発中のフォントの設定 一般的な CSS 属性の単語 英語 CSS フォントにアクセスできる CSS マニュアルで、より詳細な CSS テキストの知識を表示

font、font-family (フォント)、font-size (フォント サイズ)、font-style (フォント スタイル) , font-weight (CSS ボールド),

text-decoration

(underline ), font-variant (letter case),

text-transform

(English case),

letter-spacing

(spacing)

次に、 CSS でテキストを制御する方法を 1 つずつ説明します

例

、フォント サイズには font-size を使用します

まず、font-size の値を 36px に設定します。次の結果は、フォントが比較的大きいことを示しています。

2. テキストの色 テキストの色は、CSS の color color 属性を使用して、CSS の色変更スタイル値 3 を介してテキスト スタイルの色を赤に設定します。フォント、テキスト装飾を使用しますテキスト - 装飾は、対応する値を理解するために CSS マニュアルに記載されています。CSS リンク、CSS ハイパーリンク スタイル、CSS 下線についても知りたいかもしれません

4. テキストの間隔 - 入力します。詳細な CSS フォント間隔を理解する

5. テキスト間隔フォント - CSS スタイル属性 font-family を使用します

一般に、font-family フォントは、一般的な「Songti」、「New Songti」、および「Heishi」と同じにすることができます。自分のコンピュータ上ではありますが、参加していないフォント スタイルは設定できないことに注意してください。フォントを自分で設定すると役立つかもしれませんが、ほとんどのコンピュータ ユーザーはフォントを追加しないため、ここでのフォントは一般的なフォントにのみ設定できます。システムに付属していますが、自分でインストールした中国語フォントは Unicode エンコードに変換できません。

コンピューターにはフォントが付属しており、一般的に設定されているテキスト フォントには、黒龍江、新宋朝、宋朝、Arial、Helvetica、サンセリフなどが含まれます。

6 テキストの上下の行間隔

CSS テキストを使用します。単語の line-height を設定します。ここで set line-height: 50px;

「CSS テキスト スタイルのデモで制御されている」というデモが表示されます。 CSS の行の高さを介して。 br と p の違いを理解する必要があるかもしれません。

7. フォント スタイル (斜体)

斜体のテキストは、font-style: italic などの CSS スタイルの font-style タグ設定を使用して、テキストを斜体に変更することができます。

8. テキストを太字にする方法

テキストを太字にするには、太字にする必要があるテキストの前に または を追加します。テキストの後ろにあるテキストを太字にするには、ここで CSS を使用してテキストを太字にすることができます。ここで font-weight は font-weight:bold; などの設定に使用されます

ここでの font-weight の値は 100 ～ 900 の範囲の値にすることができ、値が大きいほどフォントが太くなります。値が太字の場合、これは通常の太字であり、b または Strong を使用した場合と同じ効果がありますが、b と Strong の違いは太字です。

9. 英語の単語と大文字の CSS フォント

font-variant:small-caps; などの CSS のフォント バリアント文字のフルサイズと、text-transform などの選択的な大文字と小文字のテキスト変換を使用します。 :capitalize; 文字は大文字になります。

text-transform 構文 text-transform: なし | 大文字 | 小文字

パラメータ:

なし: 変換は行われません

大文字化: 各単語の最初の文字は大文字に変換されます

大文字: 大文字に変換

小文字: 小文字に変換

font-variant 構文 font-variant:normal | small-caps

パラメータ:

normal: 通常のフォント

small-caps: 小さい大文字のフォント

Iこれらの事例を読んだ後は、その方法を習得したと信じてください。さらに興味深い情報については、php 中国語 Web サイトの他の関連記事に注目してください。

関連書籍:


CSS3 で変形グラデーション属性を使用する方法

CSS の一般的な単位のまとめ

CSS3 属性セレクターを使用して JS の役割を置き換える方法

以上がCSSでフォントテキストを設定する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。