ＨＴＭＬへの組み込み方
CSSの組み込み方①
HTMLファイルにCSSを組み込むための基本となる方法は、link要素のhref属性の値に外部スタイルシート（CSSファイル）のURLを指定して読み込ませるという方法です。
link要素は、head要素内にのみ配置できます。
<link rel="stylesheet" href="main.css" type="text/css">
CSSの組み込み方②
head要素内にstyle要素を入れ、その要素内容としてCSSを直接記入する。
<head>
<style type="text/css">
<!--
#nav
{
margin: 0;
background: #eee;
}
-->
</style>
</head>
CSSの組み込み方②-2
上記の様なstyle要素の中にそのページに対する表示方法の指定を長々と書くのはあまり行われない。要素内容として＠import命令だけを入れて外部CSS
ファイルを読み込ませる方法が多いです。
<head>
<style type="text/css">
＠import"main.css";
</style>
</head>
CSSの組み込み方③
HTMLのほとんどの要素には、style属性を指定して、その値としてスタイルを直接記入することができます。「；」で区切れば複数のスタイルを指定することも可能です。
ただし、style属性を使うということはHTML内に表示方法の指定を組み込んでしまうことになり、WEB標準のメリットを失います。また、XHTML1.1では非推奨属性ですので、
style属性はCSSのテストや問題が発生したときの応急処置としての使い方にとどめましょう。
<h1 style="font-size:medium; color:#f00">
任意のタグのstyle属性で指定します
</h1>