CSSの種類

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

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

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

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

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

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

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

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

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

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

広告

関連コンテンツ

コメントは受け付けていません。

サブコンテンツ

このページの先頭へ