スタイルシートの書式

スタイルシートの書式は、基本的に「セレクタの属性を○○にする」という形で設定していきます。セレクタとかスタイルの設定対象の事です。属性はセレクタに対して、文字色、背景色、マージンといった様々なものが用意されています。値は属性に対してどのようなスタイルを設定するかをしめします。また複数スタイルを設定する場合はセミコロン「;」で区切ります。これらの事はhtml内の<head>部分に記載します。そして、スタイル未対応のブラウザを使用の方への配慮のためにコメントタグ「<!--スタイル-->」で囲むことを忘れないようにしましょう。

セレクタ{属性:値;}

例1

<html>
<head>
<meta http-equiv="content-type" content="text/html;charset=Shift_JIS">
<title>スタイルシートの書式</title>
<style type="text/css">
<!--H1 {color:green;}-->
</style>
</head>
<body>
<H1>見出し</H1>
</body>
</html>

こうなります