cssが反映されません

<!DOCTYPE html>

<head><link rel="stylesheet" type="text/css" href=".css"></head>

<body> <div class="wrapper"> <div class="header"> <Marquee> <p>Welcome to Hobby Z</p> </marquee> </div> <di class="headerwrap"> <div class="headerimg"> </div>  <div class="menu"> <ul> <li>Search Category</li><li>Register</li><li>How to use</li><li>inquier</li> </ul> </div> <div class="whatsnew"> <p style="backgroud-color:lightsilver;">Hobby Z shop open 11/13</p> <p style="backgroud-color:lightsilver;">Sort of treat items are Games,Animation hobby goods,Digital goods,Game accesary and game concole.</p> </div>

	</div>
</div>

</body> </html>

.wrapper {
width:1300px;
}

.header {
height:50px;
width:1300px;
background-color:balck;
color:white;
font-size:10px;
}

.headerimg {
background-img:url(hobby-juku.jpg);
}

.menu {
}

上記は、htmlとcssのファイルで、保存は、.htmlと.cssというネームで保存しています。

しかし。cssが反映されません。なぜでしょうか。

kunai

2017/01/27 07:18

「style.css」と言うような名前ではなく、「.css」というファイル名と言う事でしょうか。

tidavest

2017/01/27 07:22

はい。そうです。

kei344

2017/01/27 07:35

質問文のコードはそれぞれコードブロックで囲んでいただけませんか？ ```（バッククオート3つ）で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。

行動規範の内容に同意します

回答1件

ベストアンサー

こちらでコピペして試してみましたが、問題なく反映されました。
Windows7 Chrome最新版です。

ただ。。。
色々とTypoがあるようです。

いくつか書きますと

CSS
1.header { 
2× background-color:balck; 
3○ background-color:black; 
4
5.headerimg { 
6× background-img:url(hobby-juku.jpg); 
7○ background-image:url(hobby-juku.jpg);