2008年4月11日金曜日

スタイルシートの適用

要素に直接スタイルを記述

特定の p 要素に対して、スタイルを適用する場合。

<p style="color:red">ほげ</p>

 

style 要素にまとめる

head 要素に、 style 要素を記述。 同ページの p 要素全てにスタイルが適用される。

<style type="text/css">
<!-- 
p {color:red}
-->
</style>

 

外部スタイルシートを読み込む

a.css というファイルに以下のスタイルを定義する。

p {color:red}

a.css を読み込むには、 スタイルを利用する html の head 要素において、以下のようにする。

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

 

スタイルシートを分割

スタイルシートは、複数のスタイルシートをインポートすることができる。例えば、上記の a.css をインポートする import.css という名称のスタイルシートを定義するには、以下のように記述する。

@import url("a.css");