- ベストアンサー
CSSの外部ファイルの読み込みできない！？
- CSSが反映されない問題を解決した後、今度は外部ファイルの読み込みで再び問題が発生しています。
- 質問者はどこが間違っているのか分からず、再び助けを求めています。
- 外部ファイルの書き方や読み込み方法についても知りたいと思っています。
- Liko_Kaoru
- お礼率46% (196/424)
- その他（インターネット・Webサービス）
- 回答数2
- ありがとう数3
- みんなの回答 （2）
- 専門家の回答
質問者が選んだベストアンサー
> ファイル名、パス確認してみましたがダメでした HTMLやCSSの構文にミスがなければ、ファイルの指定ミスしかありません。 CSSファイルのファイル名が実は「○○.css.txt」となっていたりしませんか？ OSで拡張子を表示しない設定になっていると、気が付きにくいですがよくありますよ。 特に関連づけしていないのに、WindowsでCSSファイルダブルクリックしたらメモ帳で開くなら、この可能性大です。 HTMLとCSSファイルが同じ階層（場所）にあるなら以下の通りで問題ありません。 HTMLファイル【test.html】 --- <! DOCTYPE PUBLIC HTML "-//W3C//DTD HTML 4.01 Transitional//EN"> <html lang="ja"> <head> <meta http-equiv="Content-Type"Content="text/html;charaset=shift_jis"> <meta http-equiv="Content-Style-Type" content="text/css"> <link rel="stylesheet" type="text/css" href="test.css"> </head> <body> 背景色は青で文字は30px </body> </html> --- CSSファイル【test.css】 --- body { color: blue; font-size:30px; } ---
その他の回答 (1)
- dezimac
- ベストアンサー率56% (2365/4208)
<style type="text/css"> <!-- --> </style> 不要です。 --- <meta http-equiv="Content-Type"Content="text/html;charaset=shift_jis"> <meta http-equiv="Content-Style-Type" content="text/css"> <link rel="stylesheet" href="body.css" type="text/css"> </head> --- ○abc.css(外部ファイル） .body{ color:#006666; font-size:30px; } この記述だと、<body>に対しての設定じゃなくて、bodyと言う名前のクラスに対して設定になります。 先頭に「.」付けばクラス扱いなります。 <body>に設定したいなら、 --- body{ color:#006666; font-size:30px; } --- として下さい。 それで反映されないなら、外部CSSのファイル名やパスの指定ミスです。 Firefox使っているなら「ページの情報」表示する機能あるから、それでリンクされているか確認できます。
お礼
回答ありがとうございます。 ファイル名、パス確認してみましたがダメでした・・・
お礼
回答ありがとうございます。 ＣＳＳファイル（メモ帳に歯車のアイコンで、カスケードスタイルシートドキュメントと表示されている）を開いたら、メモ帳でした。
補足
拡張子を確認してみましたが、ｃｓｓファイルになっていました。 またdezimacさんが記述してくださったソースをコピペして表示してみましたが、これも反映されず、フォントの色、サイズとも標準で表示されました。