h1 { color: red; }
<h1>
要素の色を設定します。ただし、別の <h1>
要素を設定する必要がある場合、このアプローチはあまり適用できなくなります。現時点では、クラスを使用する必要があります。 <p>2. クラス<p>クラスは、HTML ページに表示される 1 つ以上の要素の特定のスタイルを定義するために使用できる HTML5 の属性です。クラス名はスタイルを表し、1 つ以上の HTML 要素に適用するために使用されます。任意の名前を付けることができますが、コードの作成とメンテナンスを容易にするために、要素の目的を反映した短い名前を使用することをお勧めします。 <p>CSV では、クラス スタイルは「.」で始まり、その後にクラス名が続きます (例: .classname{...}
)。例を次に示します: .red { color: red; }
<p class="red">这个段落是红色。</p>
<p>
要素に適用し、赤いフォントの色を与えます。クラス名が適用される要素には、クラスのスタイルが使用されます。
<p>3. クラスとタグの違い
<p> 一般に、タグを使用してスタイルを制御する方がよりグローバルです。この利点は、タグ スタイルを Web サイト全体で使用できるため、スタイルが統一され、保守と開発がより便利になることです。ただし、場合によってはラベル スタイルを正確に制御できない場合があり、この場合はクラスを使用してスタイルを制御する必要があります。クラスの役割はローカル制御であり、クラスの使用はより対象を絞り、特定の状況に応じてさまざまなスタイルを設定できます。
<p>一般に、クラスとタグにはそれぞれ独自の長所と短所があり、特定の状況下では CSS レイアウトの合理的な使用を考慮して選択する必要があります。
<p>4. 概要
<p>上記では、クラスとラベルの違いと使用法について説明しました。ラベル スタイルはグローバル コントロールに適しており、クラス スタイルはローカル コントロールに適しています。特定のケースでは、統一され、維持しやすく、美しい Web ページ効果を実現するために、スタイル制御にさまざまな方法を使用する必要があります。 以上がCSSクラスとクラスの違いの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。