CSSの基本

スタイルの適用方法

同一の要素(タグ)全てに同じスタイルを適用する

p{color:#ff0000}

部分的にスタイルを適用する

CSSでクラスを定義してHTMLでclass属性にクラス名を記述する

• CSS

.today{color:#ff0000}

• HTML

<p class="today">今日</p>

CSSの記述方法

p{color:#ff0000}

• セレクタ(pの部分) スタイルを適用する対象
• プロパティ(colorの部分) スタイルの属性
• 値(:以降) プロパティの値。:で区切る

CSSの記述場所

CSSファイルに記述する

HTMLファイルとCSSファイルを関連づける。ページ全体にスタイルが適用される

<link rel="stylesheet" type"text/css" href="style.css">

HTMLファイル内に記述する

ヘッダー内にCSSを記述する、HTMLファイル内のみ適用される

<style type="text/css">
h2{color:#ff0000}
</style>

CSS記述時の注意点

HTMLのコメント

<!--コメント-->

CSSのコメント

/*コメント*/

CSSファイルで文字コードを指定する,1行目に下記のように記述する
@charset "Shift_JIS"