外部ＣＳＳをかくには。

質問

ＨＰのページひとつひとつにいちいちスタイルシートをかいていくのが
面倒になったので外部ＣＳＳでまとめてしまおうと
思ったのですが、上手くいきません。
ちなみにこうかいております↓
<STYLE TYPE="text/css">
<!--
BODY {
　letter-spacing:7px;
　line-height:15pt;
}
-->
</STYLE>
<style type="text/css">
<!--
body
{
scrollbar-face-color: #FF9900;
scrollbar-highlight-color: #ffffff;
scrollbar-shadow-color: #000000;
scrollbar-3dlight-color: #000000;
scrollbar-arrow-color: #000000;
scrollbar-track-color: #ff9900;
scrollbar-darkshadow-color: #ffffff;
}
-->
</STYLE>
<STYLE TYPE="text/css"><!--A{text-decoration:none;}A:hover{text-decoration:underline overline;}--></STYLE>
<style type=text/css><!--a{text-decoration:none;}--></style>
<style><!--BODY{font-size:8pt;}--></STYLE>

どこか悪い点がありましたら教えてください。

回答No.2

sou · ベストアンサー

No.1の方が言われている書き方で、style.cssなどと言ったファイルを作ります。
スタイルシートを使いたいページのヘッダーに
<LINK rel="stylesheet" type="text/css" href="style.css">と書き込めばよいと思います。

回答No.1

7623goo

こんにちわ。
外部CSS内に<STYLE><--タグなどは不要ですから
下記のようにまとめて見てください。

BODY {
letter-spacing:7px;
line-height:15pt;
font-size:8pt;
scrollbar-face-color: #FF9900;
scrollbar-highlight-color: #ffffff;
scrollbar-shadow-color: #000000;
scrollbar-3dlight-color: #000000;
scrollbar-arrow-color: #000000;
scrollbar-track-color: #ff9900;
scrollbar-darkshadow-color: #ffffff;
}
A{text-decoration:none;}
A:hover{text-decoration:underline overline;}