HTMLリファレンス

CSSの記述方法







CSSの記述方法


タグのstyle属性で記述する方法
<span style="color:red">赤文字</a>
style属性に設定箇所と設定値を「:」で区切って記述します。
上の例では「赤文字」という文字列が赤で表示されます。
<span style="color:red;font-size:large">赤文字</a>
赤文字で通常より大きく表示する例ですが、
colorとfont-sizeなど複数設定したい場合は「;」で区切って記述する。

まとめて記述する方法
<style type="text/css">
span{
   color:red;
   font-size:large;
}
</style>
HTML内に<style>タグを記述し、スタイルシートを適用させるタグ名と{}でブロックを作り、
ブロック内に記述する。
この場合だとHTML内の<span>タグすべてが赤文字で大きく表示される。
<style>タグは通常<head>内に記述する。
type="text/css"はスタイルシートがCSSであることを宣言する。

別ファイルに記述する
span{
   color:red;
   font-size:large;
}
のようにスタイルシートを記述したファイルを作り、
<link rel="stylesheet" type="text/css" href="css.css">
のようにファイルを呼び出す。
スタイルシートを記述したファイルは通常、拡張子は.cssにする。






[編集] [新規] [削除] [バックアップ] [アップロード] [ログイン] [管理]
whwiki 1.3