質問するログイン新規登録

質問編集履歴

3

大幅な修正

2020/01/15 08:42

投稿

sodiumplus3
sodiumplus3

スコア71

title CHANGED
@@ -1,1 +1,1 @@
1
- cssが読み込まれない
1
+ FinderからHTMLファイルをsafariで開いたときにCSSが読み込まれない
body CHANGED
@@ -1,22 +1,30 @@
1
1
  ###困っていること
2
2
 
3
+ デスクトップ
4
+ ┗htmlフォルダ
3
- html - sample.html
5
+ | - sample.html
6
+ ┗- cssフォルダ
4
- css - stylesheet.css
7
+   - stylesheet.css
5
8
 
6
- htmlフォルダとcssフォルダは同じ階層
9
+ 上のような階層になっています。
7
10
 
11
+ ```html
12
+ <!DOCTYPE html>
8
13
 
14
+ <html>
15
+ <head>
9
- 上のような階層になっているときに、sample.htmlでheadに
16
+ <meta charset='utf-8'>
10
- `<link rel="stylesheet" href="../css/stylesheet.css">`
17
+ <link rel="stylesheet" href="../css/stylesheet.css">
11
- と書いたときstylesheet.cssが読み込まれていないようなのですが、なぜでしょうか?
12
- 相対パスの理解が間違っているのかもしれません。
13
18
 
19
+
20
+ </head>
14
- 教えてください。
21
+ <body>
22
+
23
+ </body>
24
+ </html>
15
25
 
16
- 追記
26
+ ```
17
- htmlフォルダとcssフォルダはどちらもDesktop直下にあります。
18
- ローカルサーバーを立てて
19
- http://localhost:8080/html/sample.html
20
- のリンクで開いたときは読み込めて
21
- file:///Users/[username]/Desktop/html/sample.html
27
+ 上のようなhtmlファイルをFinderからファイルをダブルクリックしてsafariで「file:///Users/[username]/Desktop/sample.html
22
- のようにいたきは読み込めていないので、パスの書き方の問題でなく別の問題な気がしてきした
28
+ stylesheet.cssが読み込まれません
29
+
30
+ なぜでしょうか?

2

追記

2020/01/15 08:42

投稿

sodiumplus3
sodiumplus3

スコア71

title CHANGED
File without changes
body CHANGED
@@ -11,4 +11,12 @@
11
11
  と書いたときstylesheet.cssが読み込まれていないようなのですが、なぜでしょうか?
12
12
  相対パスの理解が間違っているのかもしれません。
13
13
 
14
- 教えてください。
14
+ 教えてください。
15
+
16
+ 追記
17
+ htmlフォルダとcssフォルダはどちらもDesktop直下にあります。
18
+ ローカルサーバーを立てて
19
+ http://localhost:8080/html/sample.html
20
+ のリンクで開いたときは読み込めて
21
+ file:///Users/[username]/Desktop/html/sample.html
22
+ のように開いたときは読み込めていないので、パスの書き方の問題でなく別の問題な気がしてきました。

1

追記

2020/01/15 08:25

投稿

sodiumplus3
sodiumplus3

スコア71

title CHANGED
File without changes
body CHANGED
@@ -6,7 +6,7 @@
6
6
  htmlフォルダとcssフォルダは同じ階層
7
7
 
8
8
 
9
- 上のような階層になっているときに、sample.htmlで
9
+ 上のような階層になっているときに、sample.htmlでheadに
10
10
  `<link rel="stylesheet" href="../css/stylesheet.css">`
11
11
  と書いたときstylesheet.cssが読み込まれていないようなのですが、なぜでしょうか?
12
12
  相対パスの理解が間違っているのかもしれません。