ヘッダで定義する


そろそろスタイルシートに慣れてきたと思うので、
いままで解説してきたタグ単位のスタイルの適用ではなく、
ページ単位でスタイルを定義する方法を解説します。

ページ単位で定義するとはどういうことかというと、
例えば、<a>タグにはこういったスタイルを適用し、
<font>タグにはこういったスタイルを適用するということが
決められるわけです。


定義する場所は<head> 〜 </head>です。
具体的にはこのようになります。

<html>
<head>
<title>ヘッダで定義する</title>
<style type="text/css">
<!--
a{
 color:#0080ff;
 font-size:18px;
 font-weight:700;
}

font{
 color:#ff0000;
 font-size:20px;
}
-->
</style>
</head>
<body>

ページの本文

</body>
</html>



まず、
<style type="text/css">
<!--

-->
</style>
と記述します。

そして その間に、スタイルを定義したいタグ名を記述し、
属性と値を入力していくわけです。
その際、セミコロンを忘れないようにしてください。

まあ、見た通りです。

また、記号{と}は、シフトキーを押しながら
エンターキーのとなりのキーを押せば出てきます。
なお、いずれも半角で入力してください。



次は　外部ファイルで定義する　です。

メニューに戻ります。