ホームページ  >  記事  >  ウェブフロントエンド  >  css3でクラスを接続するために使用されるもの

css3でクラスを接続するために使用されるもの

WBOY
WBOYオリジナル
2021-12-23 17:30:222016ブラウズ

CSS3 では、「.class」セレクターを使用してクラスに接続できます。このセレクターは、指定されたクラス (クラス) の要素を選択するために使用されます。指定された要素を選択した後、スタイルを設定できます。選択した要素。構文は「.class{css スタイル コード;}」です。

css3でクラスを接続するために使用されるもの

このチュートリアルの動作環境: Windows 10 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。

css3

でクラスを接続するために使用されるもの。クラスセレクターは、指定されたクラス(クラス)を持つ要素を選択します。

クラス セレクターを使用すると、ドキュメント要素から独立した方法でスタイルを指定できます。

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

ヒント: これらのセレクターは、ドキュメントが適切にマークアップされた後にのみ使用できるため、どちらのセレクターを使用する場合も通常、ある程度の検討と計画が必要です。

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

.class セレクターは、クラスのすべての要素のスタイルを指定します。

例は次のとおりです:

<html>
<head>
<style>
.intro
{
background-color:yellow;
}
</style>
</head>
<body>
<h1>Welcome to My Homepage</h1>
<div class="intro">
<p>My name is Donald.</p>
<p>I live in Duckburg.</p>
</div>
<p>My best friend is Mickey.</p>
</body>
</html>

出力結果:

css3でクラスを接続するために使用されるもの

##(学習ビデオ共有:

css ビデオ チュートリアル

以上がcss3でクラスを接続するために使用されるものの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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