回答編集履歴
3
修正
test
CHANGED
@@ -26,7 +26,7 @@
|
|
26
26
|
|
27
27
|
```
|
28
28
|
|
29
|
-
本来
|
29
|
+
本来属性である`background-color`が文字色黒いですよね?ここで「おかしい」と気づくこともできます。
|
30
30
|
|
31
31
|
|
32
32
|
|
2
追記
test
CHANGED
@@ -5,3 +5,59 @@
|
|
5
5
|
|
6
6
|
|
7
7
|
構文チェック機能のあるエディタ使いましょう。文字色がかわるなどして実行前に教えてくれます。
|
8
|
+
|
9
|
+
|
10
|
+
|
11
|
+
ちなみにteratailで使えるマークダウンでコードを囲った場合
|
12
|
+
|
13
|
+
```css
|
14
|
+
|
15
|
+
.pborder3{
|
16
|
+
|
17
|
+
margin:5em 20em;
|
18
|
+
|
19
|
+
border:solid 3px #eb00ff;
|
20
|
+
|
21
|
+
font-size:20px
|
22
|
+
|
23
|
+
background-color:#c0c0c0;
|
24
|
+
|
25
|
+
}
|
26
|
+
|
27
|
+
```
|
28
|
+
|
29
|
+
本来指定である`background-color`が文字色黒いですよね?ここで「おかしい」と気づくこともできます。
|
30
|
+
|
31
|
+
|
32
|
+
|
33
|
+
修正後のコードと比べると一目瞭然。
|
34
|
+
|
35
|
+
```css
|
36
|
+
|
37
|
+
.pborder3{
|
38
|
+
|
39
|
+
margin:5em 20em;
|
40
|
+
|
41
|
+
border:solid 3px #eb00ff;
|
42
|
+
|
43
|
+
font-size:20px;
|
44
|
+
|
45
|
+
background-color:#c0c0c0;
|
46
|
+
|
47
|
+
}
|
48
|
+
|
49
|
+
```
|
50
|
+
|
51
|
+
|
52
|
+
|
53
|
+
構文チェック機能のあるエディタ:
|
54
|
+
|
55
|
+
他の言語も込みで使えるならIDEでEclipseとか
|
56
|
+
|
57
|
+
私はHTML、CSS、JavaScriptのみであればBracketsを良く使います。
|
58
|
+
|
59
|
+
※他にもデフォルトで構文チェック機能があるもの、プラグインで追加するものも含めて沢山あります。
|
60
|
+
|
61
|
+
このくらいの構文ミスで質問することになると、時間は結構勿体無いので、こういったツールは活用していきましょう。
|
62
|
+
|
63
|
+
今なら[Web上で構文チェックサービス](https://webliker.info/91098/)もあります。
|
1
修正
test
CHANGED
@@ -1,5 +1,7 @@
|
|
1
|
-
;
|
1
|
+
直前の指定の末尾で`;`
|
2
2
|
|
3
3
|
が抜けてます。
|
4
4
|
|
5
|
+
|
6
|
+
|
5
7
|
構文チェック機能のあるエディタ使いましょう。文字色がかわるなどして実行前に教えてくれます。
|