CSS01_html/css_WEB-ITnose の概要

1. CSS の構成

Selector {

Attribute: value; //Description

}

2. 分類 (3 種類)

Inline、embedded、external

Inline: CSS コードを直接記述します。既存の HTML タグ;

埋め込み: タグの間に CSS コードを記述し、通常は CSS スタイル を埋め込むことができます。

外部式: CSS コードは別のファイルに記述されており、この CSS スタイル ファイルは、 タグの間にあります。 cssの参照場所" rel="stylesheet" type="text/css" />

注:同じウェイトの場合、inline>embedded> ;外部式;(近接原理)

3. セレクタの分類

1. タグセレクター: HTML コード内のタグ

2. クラスセレクター: .class selector {}

class = "クラス選択を使用します

3.id セレクター: #selector{ }

id = "ID 名" を使用してラベルのクラスを設定します

注: ID とクラスはどちらも任意の要素に適用できます。ID セレクターはドキュメント内で 1 回のみ使用でき、クラス セレクターは複数のスタイルを設定できます。要素の場合。

4. 子セレクター: (>)、指定されたラベル要素の最初の世代の子要素を選択するために使用されます

.first > 含む (子孫) セレクター: 結合スペース、指定されたラベル要素の下の子孫要素を選択するために使用されます。

.first span{color:red;}

説明: 子セレクターはその直系の子孫 (息子) のみを参照し、子孫セレクターはすべての子孫要素 (息子、孫、曾孫など) に作用できます。 ; > は要素の子孫に適用され、スペースは要素のすべての子孫に適用されます。

6. ユニバーサルセレクター: *

* 記号を使用します。すべての HTML タグに一致します。

7. グループ化セレクター:,

複数のラベル要素が同じスタイルを設定する場合、グループ化セレクター (,)

h1,span{color:red;}

4. 機能

1. CSS CCTV には継承があり、スタイルを特定の HTML タグ要素だけでなくその子孫にも適用できるようにするルールです。

2. 特殊性: 同じラベルに複数のスタイルを指定する場合があります。その場合、要素がどのスタイルを採用するかは、このスタイルの重みによって異なります。ラベルの重みは 1、クラス セレクターの重みは 10 です。 ID セレクターの最大重みは 100 です。

3. カスケード: HTML ファイル内の要素に複数の CSS スタイルがあり、これらの CSS スタイルが同じ重みを持つ場合、この時間はこれらの CSS スタイルの順序によって決まります。最後が適用されます。

4. 重要:!重要。この方法を使用すると、このスタイルの重みが最も高いことがわかります。