ウェブフロントエンド:CSSセレクタ3

タグセレクタ

タグセレクタは、実際のHTMLコードラベルです。コードエディタの右側に<HTML>、<BODY>、<H1>、<P>、<IMG>。たとえば、以下のコード:

P {フォントサイズ:12ピクセル、行の高さ:1.6em;}

上記アクションコードCSSスタイル:フォントサイズ設定12ピクセルのpタグ、ライン間隔パターン1.6em。

クラスセレクタ

CSSのコーディングスタイルでクラスセレクタは、最も一般的なコードエディタでコードの権利として、使用されている:赤に「臆病」、「勇気」フォントとして実装することができます。

構文:

{CSSスタイルコード;}クラス名は、以下から選択されます

注意:

1、英語がドットで始まります

クラス名を任意に選択(オハイオ州ではなく、中国からの)名前を付けることができます2、

どのように使用するには:

最初のステップ:次のようにコンテンツをマークアップするために、適切なラベルを使用することは、変更されます。

<スパン>臆病</ span>の

ステップ2:次のように使うクラス=「クラスセレクタ名は」、クラスラベルのように設定されます。

<スパンクラス= "ストレス"> </ span>の臆病

ステップ3:次のように、CSSスタイルクラス分類器設定します。

.stress {色:赤;} / *英語のドットに参加するクラスの前に* /

IDセレクタ

多くの点では、IDセレクタは、クラスセレクタに似ていますが、いくつかの重要な違いがあります。

図1は、ID =ラベルとして「ID名」ではなく、クラス=設定された「クラス名」を

図2は、フロントセレクタではなく英語ドットの井戸IDナンバー記号(#)です(。)。

右のコードエディタのIDは完全な例では、選択した文字です。

おすすめ

転載: blog.csdn.net/dj3235/article/details/91491432
おすすめ