CSSクラスとは何ですか

藏色散人
リリース: 2023-01-04 09:37:55
オリジナル
4070 人が閲覧しました

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

CSSクラスとは何ですか

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

推奨: 「

css ビデオ チュートリアル

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

CSS クラス セレクター

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

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

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

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

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

标题居中

段落居中。

.center{ text-align:center; }
ログイン後にコピー

Rendering:

CSSクラスとは何ですか

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

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

这个标题不受影响

这个段落居中对齐。

p.center { text-align:center; }
ログイン後にコピー

レンダリング:

CSSクラスとは何ですか

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

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

関連ラベル:
css
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!