ホームページ  >  記事  >  ウェブフロントエンド  >  CSSスタイルのクラスとは何ですか

CSSスタイルのクラスとは何ですか

藏色散人
藏色散人オリジナル
2021-03-01 10:27:068472ブラウズ

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

CSSスタイルのクラスとは何ですか

#この記事の動作環境: Windows 7 システム、CSS3 バージョン、Dell G3 コンピューター。

css クラスは、文書要素から独立した方法でスタイルを指定できる CSS クラス セレクターを指します。 CSSクラスセレクターについては以下の記事で紹介していますので、ご参考になれば幸いです。

CSS クラス セレクター

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

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

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

クラス セレクターは、HTML では class 属性で表されます。CSS では、クラス セレクターはドット「.」で表示されます:

[推奨:

css ビデオ チュートリアル]

例: 中心クラスを持つすべての HTML 要素は中央に配置されます

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

レンダリング:

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 までご連絡ください。