CSSクラスとは何ですか

藏色散人
藏色散人オリジナル
2020-12-24 09:37:244204ブラウズ

css クラスは CSS のクラス セレクター、つまりクラス セレクターです。クラス セレクターを使用すると、ドキュメント要素から独立した方法でスタイルを指定できます。グループのスタイルを記述するために使用されます。要素の数を指定でき、複数の要素で使用できます。このセレクターは単独で使用することも、他の要素と組み合わせて使用​​することもできます。

CSSクラスとは何ですか

#この記事の動作環境: Windows10 システム、css 3、thinkpad t480 コンピューター。

推奨: 「

css ビデオ チュートリアル

css クラスは CSS クラス (クラス) セレクターを参照し、ドキュメントから独立した方法で選択できるようにします。要素。スタイルを指定します。

CSS クラス セレクター

クラス セレクターを使用すると、ドキュメント要素から独立した方法でスタイルを指定でき、要素のグループのスタイルを記述するために使用されます。 . は複数の要素で使用できます。

このセレクターは、単独で使用することも、他の要素と組み合わせて使用​​することもできます。

特定のデザイン要素に関係なくスタイルを適用するには、クラス セレクターを使用するのが最も一般的な方法です。

クラス セレクターは、HTML では class 属性によって表されます。CSS では、クラス セレクターはドット "." で表示されます:

例: 中心クラスを持つすべての HTML 要素は次のとおりです。 allcenter

<h1 class="center">标题居中</h1>
<p class="center">段落居中。</p>
.center{
text-align:center;
}

Rendering:

CSSクラスとは何ですか

クラスを使用して特定の HTML 要素を指定することもできます。

例: すべての p 要素に class="center" を使用して、要素のテキストを中央に配置します。

<h1 class="center">这个标题不受影响</h1>
<p class="center">这个段落居中对齐。</p>
p.center
{
text-align:center;
}

レンダリング:

CSSクラスとは何ですか

注: クラス セレクターでは、クラス名の最初の文字として数字を使用できません。 Mozilla や Firefox では動作しません。

以上がCSSクラスとは何ですかの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。