スタイルの定義

重要度→※※※※　 Style を記述するには、次の３通りがある。
H3に設定したサンプル。
   【１】 head要素内にスタイルを定義をする。   
スタイルを、 〜 の箇所に記述します。
<html>
<head>
<title> Style でページを作る </title>
<meta http-equiv="Content-Style-Type" content="text/css">
<style type="text/css">
<!--
h3 { background-color:#d0e6ff; text-align: center}
/* 分かり易くするためのコメントは、この囲みに記述 */
-->
</style>
</head>
<body>
<h3> はじめての、スタイル学習 </h3>
</body>
</html>
   【２】外部ファイルによるスタイルから読み込み定義する。   
セレクタ（前述）で設定したスタイルを複数のぺーじで適用するには、
h3 { background-color:#d0e6ff; text-align: center} に（拡張子をcssにして）名前をつけH3.cssとして保存、 HTML にリンクでスタイルシートを活用します。
例として、H3.cssを読み込むには
<html>
<head>
<title> Style でページを作る </title>
<meta http-equiv="Content-Style-Type" content="text/css">
<link type="text/css" href="h3.css" rel="stylesheet">
</head>
<body>
<h3> はじめての、スタイル学習 </h3>
</body>
</html>
   【3】　 HTML の要素に、インラインstyle属性を定義する   
個別のHTMLの要素に、スタイルを適用する。
<h3> に背景色を指定したサンプル　センターリングも指定しています。
<h3 style="background-color:#d0e6ff; text-align: center" >
はじめての、スタイル学習
</h3>

はじめての、スタイル学習


いずれも、同じように適用され表示します。