要素に直接スタイルを記述
特定の 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");
0コメント:
コメントを投稿