2008年9月5日金曜日

CSSの定義まとめ

今まで何度かお伝えしていますが、CSSの定義の仕方は
3通りあります。

1.直接スタイルを指定する。
<要素名 style="☆">~</要素名>

テキスト P233

2.HTML文書内にまとめて記述する。
<style type="text/css">★</style>

例:
<head>
<style type="text/css">
p.hot
{
color: red
}
</style>
</head>

テキスト P234

3-1.link要素で外部スタイルシートを読み込む。
<head>
<link rel="stylesheet" href="☆" type="text/css">
</head>

例:
CSSファイルを"main.css"とした場合
<link rel="stylesheet" href="main.css" type="text/css">

テキスト P235

3-2.@importで外部スタイルシートを読み込む
@import"☆";

例:
<head>
<style type="text/css">;
@import"main.css"
</style>
</head>

※外部スタイルシートの文字コードを指定する場合には
 スタイルシートの先頭行に
 @charaset"Shift_JIS";といれる
 (これはシフトJISコードの場合)
 
 テキスト P236
 

0 件のコメント: