\r\n\r\n
クラスID、クラスID
CSS(Cascading Style Sheets)は、マークアップ言語で書かれた文書の外観や書式を記述する言語です。CSSは、HTMLで書かれたWebページのスタイル設計に広く使われています。CSSでは、HTML要素にスタイルを適用するだけでなく、独自のスタイルセレクタを指定することができます。これは、IDセレクタとクラスセレクタを使用して行われます。一意な要素に対してスタイルを指定する場合、IDセレクタが使用される。要素群のスタイルを指定する場合は、クラスセレクタが使用されます。
クラスとは何ですか?
CSSでは、クラスセレクタを使用して、要素のグループに独自のスタイルを適用することができます。クラスセレクタは、同じクラスを持つ要素群に特定のスタイルを適用するために使用されます。CSSでは、クラスセレクタはフルストップ(.)で識別されます。を識別することができます。以下は、CSSで定義されたクラスセレクタの例である。
.my クラス {
カラー:ブルー
太字の書体:ボールド
}
HTML では、以下に示す属性クラスを用いて、CSS で定義されたクラスを参照することができる。
< p class="my_class"> これが私の書式設定です< /p>.
< p class="my_class"> これがまた私の書式です < /p>.
このように、複数の要素に同じクラスを使用したり、1つの要素に複数のクラスを使用することが可能です。同じ要素に複数のクラスを使用する場合、以下のように空白で区切られたclass属性に入ります。
< p class="my_class_1 my_class_2"> これは2つのクラスを使った私の書式設定です < /p>.
IDカードとは何ですか?
CSSでは、IDセレクタを使用することで、一意の要素に独自のスタイルを適用することができる。CSSでは、IDセレクタはハッシュ(#)で識別されます。以下は、CSSで定義されたIDセレクタの例である。
#MyID{
カラー:レッド
テキスト - アライメント:右。
}
HTML では、以下のように ID 属性を用いて CSS で定義された ID セレクタを参照することができる。
< p id="my_id"> これは私のidセレクタの書式です < /p>.
IDは一意である。したがって、各要素は1つのIDしか持つことができず、各ページはその特定のIDを持つ1つの要素しか持つことができません。ページのURLにハッシュ値(例:http://myweb.com我的id)が含まれている場合、ブラウザは自動的にID「my_ID」を持つ要素を探し出し、ページをスクロールしてその要素を表示しようとします。そのため、ページには特定のIDを持つ要素を用意し、ブラウザがその要素を特定できるようにする必要があります。
ClassとIDの違いは何ですか?