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にする。