CSSの基礎 その1 > CSSの基礎 その2 > 作例 > 総合

04 スタイルシートの基本

スタイルシートはXHTMLに埋め込んで記述することが出来ます。埋め込む場合は<head>~</head>タグの中に記述し、どのタグにどんな効果を与えるか定義することができます。

<定義> スタイルシートの定義<style type="text/css">要素{属性:値;}</style>
スタイルシートの書式は属性に対する値を:(コロン)で、区切り、;(セミコロン)で終了します。HTMLと同様に「要素」と「属性」を指定しますが、記述方法がことなります。
※スタイルシートを使えば、タグでは実現できなかった凝ったページを作ることができるそうです。
  colol属性→文字色を変更しています。
color属性→Pタグの属性を変えてみました。
<実習> css01_1.html
<解説> css01_1_1.html
<実習> css01_2.html
  スタイルタイプの記述でbody部分のカラーを変更できる。