質問編集履歴

1

コードを質問欄に記載しました。ブラウザに表示したところ、CSSが何ひとつ反映されていないようです。

2021/08/02 14:42

投稿

mamenekomameta
mamenekomameta

スコア7

test CHANGED
File without changes
test CHANGED
@@ -16,4 +16,130 @@
16
16
 
17
17
 
18
18
 
19
- このコードの場合にリストマーカーを非表示にするには、どのように書けば良いでしょうか?![イメージ説明](8210077e4235d20d70aa06f3c3c1e85a.png)
19
+ このコードの場合にリストマーカーを非表示にするには、どのように書けば良いでしょうか?
20
+
21
+
22
+
23
+ ※追記※
24
+
25
+ リストマーカーだけではなく、CSSのコードが何ひとつ反映されていないようです。
26
+
27
+
28
+
29
+ 【index.html】
30
+
31
+ <!doctype html>
32
+
33
+ <html lang="ja">
34
+
35
+ <head>
36
+
37
+ <meta cherset="utf-8">
38
+
39
+ <title>WCB Cafe</title>
40
+
41
+ <meta name="description" content="ブレンドコーヒーとヘルシーなオーガニックフードを提供するカフェ">
42
+
43
+ <link rel="stylesheet" hres="https://unpkg.com/ress/dist/ress.min.css">
44
+
45
+ <link href="https://fonts.googleapis.com/css?family=Philosopher" rel="stylesheet">
46
+
47
+ <link href="css/style.css" rel="stylesheet">
48
+
49
+ </head>
50
+
51
+ <body>
52
+
53
+ <header class="page-header">
54
+
55
+ <h1><a href="index.html"><img class="logo" src="./images-rogo/WCB CAFE.png" alt="WCBカフェホーム"></a></h1>
56
+
57
+ <nav>
58
+
59
+ <ul class="main-nav">
60
+
61
+ <li><a href="news.html">News</a></li>
62
+
63
+ <li><a href="menu.html">Menu</a></li>
64
+
65
+ <li><a href="contact.html">Contact</a></li>
66
+
67
+ </ul>
68
+
69
+ </nav>
70
+
71
+ </header>
72
+
73
+ </body>
74
+
75
+ </html>
76
+
77
+
78
+
79
+ 【style.css】
80
+
81
+ @charset "UTF-8";
82
+
83
+ html {
84
+
85
+ font-size: 100%;
86
+
87
+ }
88
+
89
+ body {
90
+
91
+ font-family: "Yu Gothic Medium","遊ゴシック Medium",YuGothic,"遊ゴシック体","ヒラギノ角ゴ Pro W3",sans-serif;
92
+
93
+ line-height: 1.7;
94
+
95
+ color: #432;
96
+
97
+ }
98
+
99
+ a {
100
+
101
+ text-decoration: none;
102
+
103
+
104
+
105
+ }
106
+
107
+ img {
108
+
109
+ max-width: 100%;
110
+
111
+ }
112
+
113
+ .logo {
114
+
115
+ width: 210px;
116
+
117
+ margin-top: 14px;
118
+
119
+ }
120
+
121
+ .main-nav {
122
+
123
+ display: flex;
124
+
125
+ font-size: 1.25rem;
126
+
127
+ text-transform: uppercase;
128
+
129
+ margin-top: 34px;
130
+
131
+ list-style: none;
132
+
133
+ }
134
+
135
+ .main-nav a {
136
+
137
+ color: #432;
138
+
139
+ }
140
+
141
+ .main-nav a:hover {
142
+
143
+ color:#0bd;
144
+
145
+ }