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使わなきゃいけないので、こんな最初の段階で止まってるわけにいきません。
ご回答をよろしくお願いします。