外部CSSが読み込めない

前提・実現したいこと

画像を背景にしたく、CSSを読み込ませたいのですが、CSSが有効になっていません。
Chromeの検証を行った結果、user agent stylesheetが効いていることから、
CSSへのパスが有効でないと考え、ほかのものも試しましたが有効になりません。

構成は以下の通りです。

└  Solution Items
 　│　
   ├images
   │   └ hi.gif
   ├css
   │   └ StyleSheet1.css
   └ topPage.html

../は一つ上の階層へということは認識しています。

該当のソースコード

topPage.html
1<!DOCTYPE html>
2
3<html>
4<head>
5    <meta charset="utf-8" />
6    <meta NAME="ROBOTS" CONTENT="NOINDEX,NOFOLLOW"/>
7    <link rel="stylesheet" href="css/StyleSheet1.css"/>
8    <title>ようこそ</title>
9</head>
10<body>
11    <div class="hi">
12        こんにちは.
13
14    </div>
15</body>
16</html>

css
1body {
2    color: #000000;
3    background-color: #f8dce0;
4    background-image: url("../images/hi.gif")
5}
6
7.hi {
8    color:red;
9}
10

試したこと

補足情報（FW/ツールのバージョンなど）

Visual studio Community 2017

x_x

2018/10/11 02:51

Visuaudio Communityというものは知らないのですが、Visual Studioの間違いでしょうか？　また、ASP.NETでしょうか？　適切なタグをつけてほしいです。

yoshinavi

2018/10/11 05:13

キャッシュクリアは確認済ですか？　画像「hi.gif」が指定場所にあるのは確認済ですか？　「.hi」でテキストの色は変更可能ですか？

Tazusa

2018/10/11 08:49

失礼しました。VIsual Studio Community 2017でした。最初にプロジェクトを作った際はASP.NETを選択しましたが、そちらに関連する削除し、記載されたような構成にしています。そのためにASP.NETのタグはつけていません。

Tazusa

2018/10/11 08:50

キャッシュはクリアしました。また、画像は指定場所にあります。.hiでテキストの色は変更できません。そのためにCSSファイルが読み込めていないと判断しました。

x_x

2018/10/11 09:07

削除というのは、自動作成される App_Start フォルダや Global.asax 等も存在していないということでしょうか？

Tazusa

2018/10/11 09:10

x_xさん＞はい。質問中の構成にあるファイルのみです。

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

回答3件

HTML
1<link rel="stylesheet" href="/css/StyleSheet1.css">

上も試してみてください。
大文字小文字が違うだけで別のファイルと認識されるのでご注意ください。
たまにリンクの最初に"/"を入れることがあるので覚えておいてください。
キャッシュを削除するかファイル本体にアクセスしてから二、三回リロードしてください。(ブラウザが使える場合)
使えない場合は単にキャッシュの削除でいいかと。または、ソフトの再起動など

投稿2018/10/10 14:25

編集2018/10/10 14:27

退会済みユーザー

総合スコア0

Tazusa

2018/10/11 08:59

ご回答ありがとうございます。こちらのコードを使用し、キャッシュを削除してみましたが、変わりませんでした。

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

ベストアンサー

気になる点
・html名称、css名称に大文字小文字混在→全て小文字(或いはファイル名が指定通りの大文字小文字間違えているとか?)
・html内　タグ末尾　/>→>
・./css/stylesheet1
・css内　文字コード指定　@charset "utf-8";がない
でしょうか?

投稿2018/10/10 14:24

編集2018/10/10 14:27