●セレクタで数種類に分ける事ができます。

・クラスセレクタ
任意の範囲にクラス名をつけてスタイルを指定する事ができます。
IDと似ていますがCSSファイル中にドットで指定する事と、HTMLファイル中で1ページに何度でも同じクラス名を指定できるのが違いです。

・IDセレクタ
HTMLファイル中1ページに1回だけしか使えません。
CSSファイルではID名に#をつけて指定します。

・タグセレクタ
タグ名をキーにスタイルを設定します。

・複合セレクタ
タグの子供要素やリンク要素についてスタイルを設定できます。

・ユニバーサルセレクタ
*をセレクタにしたもの。すべての要素にスタイルを適用できます。

●HTMLファイルへの適用方法

・style属性による埋め込み
HTMLタグの中にstyle属性を追加し、スタイルを個々に指定する方法です。

・style要素でまとめる
HTMLファイルのHead要素内に、そのHTMLファイル中のスタイルをまとめて記述する方法です。

・外部スタイルシート
HTMLファイルとスタイルシートを別にし、HTMLファイルからリンクする方法です。
CSSといえば一般にこのケースが多いようです。仕様上最も推奨されています。

広告

関連コンテンツ