- ベストアンサー
外部スタイルシートが反映されない理由と解決法
- 外部スタイルシートの反映がされない原因として、リンクがうまくいっていない可能性があります。絶対パスで指定してみたり、ファイルのプロパティを確認したりしましたが、いまだに解決しません。
- また、CSSファイルがHTMLファイルと同じ階層にあることや、必要なmetaタグの書き込みも行っていることを確認しました。しかし、それでもスタイルが反映されません。
- CSSファイルのアイコンがメモ帳の歯車のイラストになっていることから、正しいCSSファイルである可能性は高いですが、他に原因があるのかもしれません。解決策を見つけるために引き続き調査しています。
- KanoMizuki
- お礼率61% (206/333)
- その他（インターネット・Webサービス）
- 回答数3
- ありがとう数2
- みんなの回答 （3）
- 専門家の回答
質問者が選んだベストアンサー
#1です。 それではhtml4.01ではどうでしょう。 わたしもメモ帳で一度試してみましたので、今度は大丈夫だと思います。 最近はxhtml+cssのパターンが多いので前述はxhtmlベースで書いてました。今度はhtml+cssのパターンです。 <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <link href="style.css" rel="stylesheet" type="text/css" /> </head> <body> </body> </html>
その他の回答 (2)
- masako1981
- ベストアンサー率28% (4/14)
<!---->はhtmlに適用するコメントですよ。 cssは/**/じゃないんですか？ 参考までに。
- masako1981
- ベストアンサー率28% (4/14)
cssはstyle.cssですね？ htmlとcssは同じフォルダの段階層ですね？ では以下でチェックしてみてください。 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <title>スタイルシートが反映されません</title> <link href="style.css" rel="stylesheet" type="text/css" /> </head> <body> </body> </html>
お礼
回答ありがとうございます。 回答を見て修正を加えてみたのですが、反応がありませんでした。 また、メモ帳を新規に作成し回答の <!DOUTYPE～～～ から </html> までをコピペしてＨＴＭＬファイルとして保存しようとしてみたのですが 『このファイルはＡＮＳＨＩテキストファイルとして保存すると失われてしまう、ｕｎｉｃｏｄｅ形式の文字を含んでいます。なんたら』とでてきました。(これは単に文字コードのことでしょうか？Ｓｈｉｆｔ－ＪＩＳとＵＴＦ－８との違いという・・・）
お礼
２回わたっての回答ありがとうございます。 そのままコピペして試してみました。 ＨＴＭＬで、ＣＳＳが反映されました。 ただ、わたしが作ったＸＨＴＭＬを、回答をもとにＨＴＭＬに直しても 反応がなく、文字コード以外の全てのmeta情報を全部削除して （スクリプトやページの作成者、検索キーワードなど）それでも反応がなく、つぎに<!-- -->で入れていたコメントを全て削除してみたら ようやくスタイルシートが反映されました。