You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Copy file name to clipboardExpand all lines: html/lesson5/tutorial.md
+6-6Lines changed: 6 additions & 6 deletions
Display the source diff
Display the rich diff
Original file line number
Diff line number
Diff line change
@@ -218,7 +218,7 @@ You can set a background image to any element on your page. To do this you decla
218
218
219
219
`background: url(path/to/image)`
220
220
221
-
You can also set multiple background images, specify their dimension, position and attachment. To set multiple backgrounds, you simple need to specify them separating them by commas.
221
+
You can also set multiple background images, specify their dimension, position and attachment. To set multiple backgrounds, you simply need to specify them, separated by commas.
@@ -238,6 +238,8 @@ background: url('background-right.jpg') right top no-repeat,
238
238
url('background-left.jpg') left no-repeat;
239
239
```
240
240
241
+
> Which element should this property be in?
242
+
241
243
By default, a background image repeats itself to fill in the container. We don't want that, that's where the **no-repeat** property we specified comes into place.
242
244
243
245
Now, let'sset the dimensions.
@@ -329,7 +331,7 @@ p.about {
329
331
330
332
### What is an em
331
333
332
-
The name of an `em` stands for an ephemeral unit. It was originally used to describe that it was equal to the **M** character as it was commonly casted as the full-width of the square "block which are used in printing presses.
334
+
The name of an `em` stands for an ephemeral unit. It was originally used to describe that it was equal to the **M** character as it was commonly casted as the full-width of the square "block" used in printing presses.
333
335
334
336
By using `em` instead of `px` to set the font-size, we are keeping it relative to the default font size. So 0.9em is 0.9 times the size that would have otherwise applied to that container.
335
337
@@ -404,11 +406,9 @@ Let's make it look even better.
404
406
405
407
In this part we will apply a different style to every second child element of our list.
406
408
407
-
Thanks to the following great CSS selectors, this is quite simple to do.
408
-
409
-
`:nth-child(odd)` and `:nth-child(even)` to do that.
409
+
This is simple thanks to the great CSS selectors `:nth-child(odd)` and `:nth-child(even)`.
410
410
411
-
In our case, we only want to change the style of every odd row. Achieving that is quite simple!
411
+
In our case, we only want to change the style of every odd row.
0 commit comments