CSSが反映されない問題について

2014/01/05 13:01

このQ&Aのポイント

Windows7に乗り換えた際に、HTMLファイルを開いたらCSSが反映されない問題が発生しています。
HTMLとCSSファイルは同じフォルダにあり、エンコードはどちらもUTF-8です。
ブラウザはIE10とChromeで試しましたが、どちらでもCSSが反映されませんでした。

CSSが反映されません。

当方html＋cssの練習中の者です。いままでは、WindowsXPのメモ帳でhtmlとcssを手打ちして、chromeとIE8で開いて確認していました。そして今週、Windows7に乗り換え、練習で作成したhtmlを開いたところ、デフォルトスタイルシートの状態で表示されました。・　htmlとcssは同じフォルダに収めてあります。・　ファイル名は、「○○.html」と、「style.css」で、エンコードはどちらもUTF-8です。・　ブラウザはIE10で、設定は何もいじってない、デフォルトの状態です。・　chromeでも試しましたが、同じくCSSは反映されません。＝＝＝＝＝＝＝＝＝＝＝＝↓htmlです↓＝＝＝＝＝＝＝＝＝＝＝＝＝＝ <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8> <title>あきまん - プロの画力向上法まとめ</title> <Link rel="stylesheet" href="style.css"/> </head> <body> <header> <h1>プロの画力向上法まとめ</h1> </header> <article> <h1>あきまん</h1> <h3>方法論：量　長期戦 <br>出自：東京デザイナー学院中退　→　アニメーター　→　株式会社カプコン入社　→　イラストレーター</h3> <h2>どうすれば絵が上手くなりますか？</h2> <p> 本心にうまくなりたかったら <br>～以下省略～</p> </article> <footer> <small>Copyright © WATASHI no NAMAE, all right reserved.</small> </footer> </body> </html> ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝↓CSS↓＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝ body {font-family: 'メイリオ', 'hiragino kaku Gothic pro', sans-serif; background-color: lightgray} h1 {font-size: 38px} h2 {font-size: 29px} h3 {font-size: 21px} p {line-height: 1.15} ＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝＝手打ちなのでミスがあるかとも思ってインターネットでhtmlやcssの解説をしているサイトからコピー＆ペーストしたりしましたが、結果は同じでした。仕事でhtml使わなきゃいけないので、こんな最初の段階で止まってるわけにいきません。ご回答をよろしくお願いします。