※ ChatGPTを利用し、要約された質問です(原文:スタイルシート 外部ファイルについて質問です。)
このQ&Aのポイント
スタイルシートを外部ファイルに移す方法を教えてください。
現在はページ内でスタイルシートを表記していますが、外部ファイルに移したいです。
外部ファイルへの移し方や中身の書き方について教えてください。
スタイルシート 外部ファイルについて質問です。
レイアウト用のスタイルシート
<style type="text/css">
<!--
.outer
{
width:;
background-color:;
padding:15px;
margin:0 auto 0 auto;
}
.menu
{
float:left;
width:20%;
background-color:;
height:100%;
}
.main
{
float:right;
width:70%;
background-color:;
height:100%;
}
.clears{
clear:both;
}
-->
</style>
を、外部ファイルに移したいのですが、やり方が分かりません。
現在ページ内で
<div class="outer">
<!-- 左スタイル 開始 -->
<div class="menu">
文章など
</div>
<!-- 右スタイル 開始 -->
<div class="main">
文章など
</div>
<!-- 右スタイル おわり -->
<br class="clears">
</div>
<!-- 左右スタイルシート おわり -->
という方法で表記しています。
外部ファイルへの移し方、外部ファイルの中身をどうしたらいいか、
お手数ですが、教えていただけると幸いです。
補足
なるほど、参考になります。ただ、実行してみましたが問題点が・・・ 1、 <link rel="stylesheet" href="ここにファイル名.css" type="text/css"> は、下層フォルダ内のhtmlにもコピペで使いたいので、絶対パスで指定しました。 2、 ページ内で <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"> <HTML lang="ja-JP"> <head> <link rel="stylesheet" href="/home/まるまる/ばつばつ/css/ファイル名.css" type="text/css"> </head> <body style="margin-top : 0px;margin-left : 0px;margin-right : 0px;margin-bottom : 0px;"> (ここは普通の文章) あいうえお <div class="outer"> <!-- 左スタイル 開始 --> <div class="menu"> 文章など </div> <!-- 右スタイル 開始 --> <div class="main"> 文章など </div> <!-- 右スタイル おわり --> <br class="clears"> </div> <!-- 左右スタイルシート おわり --> (ここから又普通の文章) かきくけこ </body> </html> という方法での表記はまったく変えずにupしました・・・ そうすると、スタイルシートが反映されず、全て左詰めで表示されてしまいます。 初めの質問が説明不足という点もあり、失敗したかと思います。 body内部の一部をスタイルシートで表記、そのスタイルシートの雛形?を外部に・・・ ということは、出来るのでしょうか?