質問編集履歴

1

ソースにインデントの追加

2020/08/05 13:01

投稿

KaitoKitKat
KaitoKitKat

スコア1

test CHANGED
File without changes
test CHANGED
@@ -16,41 +16,41 @@
16
16
 
17
17
  <html lang = "ja">
18
18
 
19
- <head>
19
+ <head>
20
20
 
21
- <meta charset="UTF-8">
21
+ <meta charset="UTF-8">
22
22
 
23
- <title>てすと</title>
23
+ <title>てすと</title>
24
24
 
25
- <meta name="description" content="れんしゅうちゅう">
25
+ <meta name="description" content="れんしゅうちゅう">
26
26
 
27
- <link rel="stylesheet" href="https://unpkg.com/ress/dist/ress.min.css">
27
+ <link rel="stylesheet" href="https://unpkg.com/ress/dist/ress.min.css">
28
28
 
29
- <link rel="stylesheet" href="style.css">
29
+ <link rel="stylesheet" href="style.css">
30
30
 
31
- </head>
31
+ </head>
32
32
 
33
33
 
34
34
 
35
- <body>
35
+ <body>
36
36
 
37
- <header class="page-header wrapper">
37
+ <header class="page-header wrapper">
38
38
 
39
- <h1><a class="home" href="index.html">HOME</h1>
39
+ <h1><a class="home" href="index.html">HOME</h1>
40
40
 
41
- <nav class="main-nav">
41
+ <nav class="main-nav">
42
42
 
43
- <li><a href="news.html">News</a></li>
43
+ <li><a href="news.html">News</a></li>
44
44
 
45
- <li><a href="menu.html">Menu</a></li>
45
+ <li><a href="menu.html">Menu</a></li>
46
46
 
47
- <li><a href="contact.html">Contact</a></li>
47
+ <li><a href="contact.html">Contact</a></li>
48
48
 
49
- </nav>
49
+ </nav>
50
50
 
51
- </header>
51
+ </header>
52
52
 
53
- </body>
53
+ </body>
54
54
 
55
55
  </html>
56
56
 
@@ -72,29 +72,29 @@
72
72
 
73
73
  html {
74
74
 
75
- font-size: 100%;
75
+ font-size: 100%;
76
76
 
77
77
  }
78
78
 
79
79
  body {
80
80
 
81
- font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", sans-serif;
81
+ font-family: "Yu Gothic Medium", "游ゴシック Medium", YuGothic, "游ゴシック体", "ヒラギノ角ゴ Pro W3", sans-serif;
82
82
 
83
- line-height: 1.7;
83
+ line-height: 1.7;
84
84
 
85
- color: #432;
85
+ color: #432;
86
86
 
87
87
  }
88
88
 
89
89
  a {
90
90
 
91
- text-decoration: none;
91
+ text-decoration: none;
92
92
 
93
93
  }
94
94
 
95
95
  img {
96
96
 
97
- max-width: 100%;
97
+ max-width: 100%;
98
98
 
99
99
  }
100
100
 
@@ -106,69 +106,69 @@
106
106
 
107
107
  .main-nav {
108
108
 
109
- display: flex;
109
+ display: flex;
110
110
 
111
- font-size: 1.25rem;
111
+ font-size: 1.25rem;
112
112
 
113
- text-transform: uppercase;
113
+ text-transform: uppercase;
114
114
 
115
- margin: 34px;
115
+ margin: 34px;
116
116
 
117
- list-style: none;
117
+ list-style: none;
118
118
 
119
119
  }
120
120
 
121
121
  .main-nav li {
122
122
 
123
- margin-left: 36px;
123
+ margin-left: 36px;
124
124
 
125
125
  }
126
126
 
127
127
  .page-header a {
128
128
 
129
- color: white;
129
+ color: white;
130
130
 
131
131
  }
132
132
 
133
133
  .page-header a:hover {
134
134
 
135
- color: yellow;
135
+ color: yellow;
136
136
 
137
137
  }
138
138
 
139
139
  .page-header {
140
140
 
141
- display: flex;
141
+ display: flex;
142
142
 
143
- justify-content: space-between;
143
+ justify-content: space-between;
144
144
 
145
- background-color: #4B4A4A;
145
+ background-color: #4B4A4A;
146
146
 
147
147
  }
148
148
 
149
149
  .wrapper {
150
150
 
151
- max-width: auto;
151
+ max-width: auto;
152
152
 
153
- margin: 0 auto;
153
+ margin: 0 auto;
154
154
 
155
- padding: 0 4%;
155
+ padding: 0 4%;
156
156
 
157
157
  }
158
158
 
159
159
  .home {
160
160
 
161
- font-size: 1.375rem;
161
+ font-size: 1.375rem;
162
162
 
163
- color: white;
163
+ color: white;
164
164
 
165
- border-style: solid;
165
+ border-style: solid;
166
166
 
167
- border-width: 2px;
167
+ border-width: 2px;
168
168
 
169
- border-radius: 5px;
169
+ border-radius: 5px;
170
170
 
171
- padding: 7px 14px;
171
+ padding: 7px 30px;
172
172
 
173
173
  }
174
174