友部のゼミ用HP 友部のゼミ用HP

CSSの基本



CSSの記述方法

CSSでは「セレクタ」と「宣言」という二つの部分に分けられる。


セレクタ

CSSを適用させたいHTML要素を指定するためのもの



宣言

スタイルの属性を表す「プロパティ」と、対応する値を{}で囲んで記述する。プロパティと値は「:」(コロン)で区切って記述する。同じセレクタに対して複数の宣言を記述する場合は、宣言を「;」(セミコロン)で区切って記述する。



レセクタ{プロパティ:値}

p{color:red;}


セレクタ:なにを適用するか(p要素を適用する)


プロパティ:どう適用するか(色を変える)


値:具体的なもの(にする)



CSSの記述場所

HTMLでCSSを記述するには、3つの方法がある。


1.CSSファイル内に記述する

CSSで記述したテキストファイルを作成して「link要素」を使って関連付ける


2.head要素内に記述する

HTMLファイルのhead要素内に「style要素」を使ってCSSを記述。


3.要素の属性として記述する

要素の「style属性」としてCSSを記述する。その要素だけにスタイルが適用される

inserted by FC2 system