styleタグ
タグ style を使用すると、HTMLページ内に直接
CSSを記述できます。ただし、style タグ内では、
CSS言語の構文
(セレクター、中括弧など)に従って記述する必要があります。
このタグは、head タグ内に
配置するべきですが、必須ではありません。style タグは
body タグ内に
配置しても動作します。
style タグの使用は控えめにすべきです。
多くの場合、代わりに
個別のCSSファイル
を使用するべきです。
例
style タグを使って、HTMLコード内にCSSを記述してみましょう:
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>これはページタイトルです</title>
<style>
p {
color: red;
}
</style>
</head>
<body>
<h1>これは標準(黒)色の見出しです。</h1>
<p>これは赤色の段落です。</p>
</body>
</html>