質問編集履歴
6
自分で調べたリンク先を追加
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -529,3 +529,5 @@
|
|
|
529
529
|
[リンク内容](https://qiita.com/mochizukikotaro/items/53eea34bcd644daddd44)
|
|
530
530
|
|
|
531
531
|
[リンク内容](https://teratail.com/questions/156895)
|
|
532
|
+
|
|
533
|
+
[リンク内容](https://developer.mozilla.org/ja/docs/Web/CSS/CSS_Box_Model/Mastering_margin_collapsing)
|
5
自分で調べたリンク先を追加
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -527,3 +527,5 @@
|
|
|
527
527
|
親要素と子要素の距離間をmarginでとれるとだけしか理解できていなかった。
|
|
528
528
|
|
|
529
529
|
[リンク内容](https://qiita.com/mochizukikotaro/items/53eea34bcd644daddd44)
|
|
530
|
+
|
|
531
|
+
[リンク内容](https://teratail.com/questions/156895)
|
4
自分で調べたリンク先を追加
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -525,3 +525,5 @@
|
|
|
525
525
|
間違った理解
|
|
526
526
|
|
|
527
527
|
親要素と子要素の距離間をmarginでとれるとだけしか理解できていなかった。
|
|
528
|
+
|
|
529
|
+
[リンク内容](https://qiita.com/mochizukikotaro/items/53eea34bcd644daddd44)
|
3
回答から得た解決内容を追記した。
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -515,3 +515,13 @@
|
|
|
515
515
|
}
|
|
516
516
|
|
|
517
517
|
```
|
|
518
|
+
|
|
519
|
+
追記
|
|
520
|
+
|
|
521
|
+
『子要素のmarginは親要素にも影響を与えます。（親要素にmarginが設定されていない場合』
|
|
522
|
+
|
|
523
|
+
この点を理解していなかった。
|
|
524
|
+
|
|
525
|
+
間違った理解
|
|
526
|
+
|
|
527
|
+
親要素と子要素の距離間をmarginでとれるとだけしか理解できていなかった。
|
2
コード改善
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -160,9 +160,9 @@
|
|
|
160
160
|
|
|
161
161
|
<div class="text-content">
|
|
162
162
|
|
|
163
|
-
<p>素敵な動きを手軽に実装できるJavaScriptライブラリです。 アニメーション効果をつけたり、Ajax（エイジャックス）を使って外部ファイルを読み込んだりと色々なことができます。
|
|
163
|
+
<p>素敵な動きを手軽に実装できるJavaScriptライブラリです。 アニメーション効果をつけたり、Ajax（エイジャックス）を使って外部ファイルを読み込んだりと色々なことができます。</p>
|
|
164
|
-
|
|
165
|
-
|
|
164
|
+
|
|
165
|
+
|
|
166
166
|
|
|
167
167
|
</div>
|
|
168
168
|
|
|
@@ -182,9 +182,9 @@
|
|
|
182
182
|
|
|
183
183
|
<div class="text-content">
|
|
184
184
|
|
|
185
|
-
<p>オープンソースの動的なプログラミング言語で、 シンプルさと高い生産性を備えています。大きなWebアプリケーションから小さな日用ツールまで、さまざまなソフトウェアを作ることができます。
|
|
185
|
+
<p>オープンソースの動的なプログラミング言語で、 シンプルさと高い生産性を備えています。大きなWebアプリケーションから小さな日用ツールまで、さまざまなソフトウェアを作ることができます。</p>
|
|
186
|
-
|
|
187
|
-
|
|
186
|
+
|
|
187
|
+
|
|
188
188
|
|
|
189
189
|
</div>
|
|
190
190
|
|
1
コード改善
test
CHANGED
|
File without changes
|
test
CHANGED
|
@@ -66,11 +66,11 @@
|
|
|
66
66
|
|
|
67
67
|
<div class="header-logo">
|
|
68
68
|
|
|
69
|
-
<img src="https://prog-8.com/images/html/advanced/main_logo.png
|
|
69
|
+
<img src="https://prog-8.com/images/html/advanced/main_logo.png">
|
|
70
|
-
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
70
|
+
|
|
71
|
+
|
|
72
|
+
|
|
73
|
+
|
|
74
74
|
|
|
75
75
|
</div>
|
|
76
76
|
|
|
@@ -132,9 +132,9 @@
|
|
|
132
132
|
|
|
133
133
|
<div class="lesson-content">
|
|
134
134
|
|
|
135
|
-
<img src="https://prog-8.com/images/html/advanced/html.png
|
|
135
|
+
<img src="https://prog-8.com/images/html/advanced/html.png">
|
|
136
|
-
|
|
137
|
-
|
|
136
|
+
|
|
137
|
+
|
|
138
138
|
|
|
139
139
|
<P class="title">HTML&CSS</P>
|
|
140
140
|
|
|
@@ -152,9 +152,9 @@
|
|
|
152
152
|
|
|
153
153
|
<div class="lesson-content">
|
|
154
154
|
|
|
155
|
-
<img src="https://prog-8.com/images/html/advanced/jQuery.png
|
|
155
|
+
<img src="https://prog-8.com/images/html/advanced/jQuery.png">
|
|
156
|
-
|
|
157
|
-
|
|
156
|
+
|
|
157
|
+
|
|
158
158
|
|
|
159
159
|
<P class="title">jQuery</P>
|
|
160
160
|
|
|
@@ -174,9 +174,9 @@
|
|
|
174
174
|
|
|
175
175
|
<div class="lesson-content">
|
|
176
176
|
|
|
177
|
-
<img src="https://prog-8.com/images/html/advanced/ruby.png
|
|
177
|
+
<img src="https://prog-8.com/images/html/advanced/ruby.png">
|
|
178
|
-
|
|
179
|
-
|
|
178
|
+
|
|
179
|
+
|
|
180
180
|
|
|
181
181
|
<P class="title">Ruby</P>
|
|
182
182
|
|
|
@@ -196,9 +196,9 @@
|
|
|
196
196
|
|
|
197
197
|
<div class="lesson-content">
|
|
198
198
|
|
|
199
|
-
<img src="https://prog-8.com/images/html/advanced/php.png
|
|
199
|
+
<img src="https://prog-8.com/images/html/advanced/php.png">
|
|
200
|
-
|
|
201
|
-
|
|
200
|
+
|
|
201
|
+
|
|
202
202
|
|
|
203
203
|
<P class="title">PHP</P>
|
|
204
204
|
|