タグに直接書き込むスタイルシートを、外部あるいはページ内にわけるには？

解決済

質問者：curewhite
質問日時：2005/08/12 11:48
回答数：2件

下記テンプレートソースですが、タグに直接書き込むスタイルシートになっています。
このソースを、外部あるいはhead内に設定するには、どういうわけ方をしたらいいですか？
いろいろ自分で試したのですが、うまく表示されません宜しくお願いします。

<table><tbody><tr><td>
<div style="border:1px solid #ff6699;background:#ffcccc;font-size:13px"><div style="padding:3px" align="center">
＊　ここにタイトル　＊
</div><div style="border-top:1px solid #ff6699;background:#fff;padding:10px" align="left">
＊　ここに本文　＊
</div></div>
</td></tr></tbody></table>

通報する

この質問への回答は締め切られました。

質問の本文を隠す

回答 (2件)

No.1ベストアンサー

回答者： noname#65286
回答日時：2005/08/12 12:14

●head内に設定するには

<head>
<STYLE type="text/css"></STYLE>
</head>
<body>
<table><tbody><tr><td>
<div class="st1" align="center">
＊　ここにタイトル　＊
<div class="st2" align="left">
＊　ここに本文　＊
</div></div>
</td></tr></tbody></table>
</body>

●外部ファイルにするには
BODY{padding:3px;}
.st1{border:1px solid #ff6699;background:#ffcccc;font-size:13px;}
.st2{border-top:1px solid #ff6699;background:#fff;padding:10px}
ここまで外部ファイルにする⇒例：style.css
<head>
<LINK rel="stylesheet" href="style.css" type="text/css">
</head>

- 0
- 件

通報する

この回答へのお礼

ありがとうございます。
align="center"までスタイルに組み込んでいたのでならなかったんだとおもいます。
大変助かりました。
分かりやすい説明ありがとうございます。

通報する

お礼日時：2005/08/12 12:30

No.2

回答者： steel_gray
回答日時：2005/08/12 12:16

手順としては

HTML上のstyle属性の変わりにIDを付ける。
スタイルの対応するIDにstyle属性の中身を書く。

スタイル
#d1 {border:1px solid
#ff6699;background:#ffcccc;font-size:13px}
#d2 {padding:3px}
#d3 {border-top:1px solid #ff6699;background:#fff;padding:10px }

HTML
<table><tbody><tr><td>
<div id="d1"><div id="d2" align="center">
＊　ここにタイトル　＊
</div><div id="d3" align="left">
＊　ここに本文　＊
</div></div>
</td></tr></tbody></table>