CSS は「Cascading Style Sheets」の略で、主にテキストのサイズ、色、フォントの太さなど、ブラウザーでの HTML コンテンツの表示スタイルを定義するために使用されます。
次のコードは次のとおりです:
p{ font-size:12px; color:red; font-weight:bold;}CSS スタイルを使用する利点の 1 つは、特定のスタイルを定義することで、Web ページの異なる場所にあるテキストのフォント、フォント サイズ、色などを統一できることです。
大丈夫当如此！是英雄，分我杯羹！年少轻狂，只记得眉心一点。举手与天竞自由，豪情纵，胸怀敞。
Web ページの外観スタイルを設定するのに CSS スタイルを使用するのはなぜですか?上記のテキストでは、「彼は英雄です」「彼は情熱的です」「若くて軽薄です」の 3 つのフレーズの文字色を赤色に設定したいのですが、このときスタイルの設定で設定できます。 CSS スタイルのステートメントを記述するだけで済みます。
ステップ 1: これら 3 つのフレーズを で囲みます。
ステップ 2: 次のコードを記述します:
span{ color:red;}コードは次のとおりです:
<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"><title>CSS样式的优势</title><style type="text/css">span{ color:red;}</style></head><body> <p>大丈夫当如此！<span>是英雄</span>，分我杯羹！<span>年少轻狂</span>，只记得眉心一点。举手与天竞自由，<span>豪情纵</span>，胸怀敞。</p></body></html>css スタイルは selector と declaration で構成され、declaration は attri で構成されますビュート以下の図に示すように、値 は
で構成されます。
Selector
: セレクターとも呼ばれ、スタイル ルールが適用される Web ページ内の要素を示します。たとえば、Web ページ内のすべての段落 (p) のテキストが青色に変わりますが、他の要素 (ol など) は影響を受けません。宣言
: 英語の中括弧「｛｝」で囲まれたものが宣言であり、属性と値は英語のコロン「:」で区切られています。複数のステートメントがある場合は、以下に示すように英語のセミコロン「;」で区切ることができます:
p{font-size:12px;color:red;}1. 最後のステートメントにはセミコロンは必要ありませんが、将来の変更の便宜上、セミコロンを使用します。通常は追加されます。
2. スタイルを使用して読みやすくするために、以下に示すように、各コードを新しい行に記述することができます:
p{ font-size:12px; color:red;}Html のコメントと同様に、コメント ステートメントもあります。 CSS の場合: /*コメント ステートメント*/ を使用して示します (HTML では を使用します)。次のコードのようにします:
🎜
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
