ホームページ > 記事 > ウェブフロントエンド > HTML+CSS学習メモ(6)
HTML+CSS学習メモ(6)
- WBOYオリジナル
- 2016-06-24 11:24:35788ブラウズ
CSS スタイルを理解する
CSS は「Cascading Style Sheets」の略で、主にテキストのサイズ、色、フォントの太さなど、ブラウザーでの HTML コンテンツの表示スタイルを定義するために使用されます。
次のコードは次のとおりです:
p{ font-size:12px; color:red; font-weight:bold;} CSS スタイルを使用する利点の 1 つは、特定のスタイルを定義することで、Web ページの異なる場所にあるテキストのフォント、フォント サイズ、色などを統一できることです。
CSS スタイルの利点
大丈夫当如此！是英雄，分我杯羹！年少轻狂，只记得眉心一点。举手与天竞自由，豪情纵，胸怀敞。
Web ページの外観スタイルを設定するのに CSS スタイルを使用するのはなぜですか?上記のテキストでは、「彼は英雄です」「彼は情熱的です」「若くて軽薄です」の 3 つのフレーズの文字色を赤色に設定したいのですが、このときスタイルの設定で設定できます。 CSS スタイルのステートメントを記述するだけで済みます。
ステップ 1: これら 3 つのフレーズを 45a2772a6b6107b401db3c9b82c049c254bdf357c58b8a65c66d7c19c8e4d114 で囲みます。
ステップ 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 コード構文
css スタイルは selector と declaration で構成され、declaration は attri で構成されますビュート以下の図に示すように、値 は
で構成されます。
Selector
: セレクターとも呼ばれ、スタイル ルールが適用される Web ページ内の要素を示します。たとえば、Web ページ内のすべての段落 (p) のテキストが青色に変わりますが、他の要素 (ol など) は影響を受けません。宣言
: 英語の中括弧「｛｝」で囲まれたものが宣言であり、属性と値は英語のコロン「:」で区切られています。複数のステートメントがある場合は、以下に示すように英語のセミコロン「;」で区切ることができます:
p{font-size:12px;color:red;} 注: 1. 最後のステートメントにはセミコロンは必要ありませんが、将来の変更の便宜上、セミコロンを使用します。通常は追加されます。
2. スタイルを使用して読みやすくするために、以下に示すように、各コードを新しい行に記述することができます:
p{ font-size:12px; color:red;}
CSS コメント コードHtml のコメントと同様に、コメント ステートメントもあります。 CSS の場合: /*コメント ステートメント*/ を使用して示します (HTML では 29fd9b526ce8019d6636f917a266f487 を使用します)。次のコードのようにします:
🎜
声明：
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。