Skip to content

Commit ed58ff7

Browse files
committed
2 parents 1c282a1 + 42d2675 commit ed58ff7

File tree

7 files changed

+30
-3
lines changed

7 files changed

+30
-3
lines changed

exercises/01-Hello-World/README.md

Lines changed: 4 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,6 @@
1+
---
2+
tutorial: "https://www.youtube.com/watch?v=rbtHLA813pU"
3+
---
14
# `01` Hello World in CSS
25

36
CSS is about styles. To apply styles you always have to follow this steps:
@@ -31,4 +34,4 @@ Paste this code on your website to see the results.
3134

3235
It should look like this:
3336

34-
![01 Hello World Exercise Preview](https://ucarecdn.com/7e9496c0-549a-4767-b771-13b9bfc5d9c2/)
37+
![01 Hello World Exercise Preview](https://ucarecdn.com/7e9496c0-549a-4767-b771-13b9bfc5d9c2/)

exercises/01.1-The-Style-Tag/README.md

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,7 @@
1+
---
2+
tutorial: "https://www.youtube.com/watch?v=C5sOchuD2d4"
3+
---
4+
15
# `01.1` The Style Tag
26

37
If you want to add styles into a website by writing CSS you have to always add it withing a `<style>` tag.
@@ -16,4 +20,4 @@ Add a `<style>` tag into your website and using CSS select the all `<p>` tags to
1620

1721
It should look like this:
1822

19-
![01 Hello World Exercise Preview](https://ucarecdn.com/6719c50c-2539-43c5-9fe0-8f67d78afc32/)
23+
![01 Hello World Exercise Preview](https://ucarecdn.com/6719c50c-2539-43c5-9fe0-8f67d78afc32/)

exercises/01.2-Your-First-Style/README.md

Lines changed: 5 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,7 @@
1+
---
2+
tutorial: "https://www.youtube.com/watch?v=8b12AFC6bWs"
3+
---
4+
15
# `01.2` Your First Style
26

37
When doing CSS, the idea is to apply `css rules` to your `html elements`, you always have to select the element first, and then specify what rules you want to apply to it:
@@ -13,4 +17,4 @@ a {
1317
## 📝 Instructions:
1418

1519
1. Right now there is a style being applied that is responsable of making the anchor red.
16-
2. Change the style to make your anchor look yellow.
20+
2. Change the style to make your anchor look yellow.

exercises/01.3-Your-Second-Style/README.md

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,7 @@
1+
---
2+
tutorial: "https://www.youtube.com/watch?v=W0CAqLIAoZI"
3+
---
4+
15
# `01.3` Your Second Style
26

37
When doing CSS, the idea is to apply `css rules` to your `html elements`, you always have to select the element first, and then specify what rules you want to apply to it:

exercises/02-Separate-Stylesheet/README.md

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,7 @@
1+
---
2+
tutorial: "https://www.youtube.com/watch?v=T0anCc5fvSg"
3+
---
4+
15
# `02` Separate Stylesheet
26

37
If you use the html `<link>` tag, you can also have your styles on a separate file that we normally call `styles.css`.

exercises/02.1-Background/README.md

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,7 @@
1+
---
2+
tutorial: "https://www.youtube.com/watch?v=MJI0-sFmTe8"
3+
---
4+
15
# `02.1` Background
26

37
The `background` CSS rule allows us to assign and work with the background of any container. The background values can be a `color` or an `image`.

exercises/03-Inline-Styles/README.md

Lines changed: 4 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -1,3 +1,7 @@
1+
---
2+
tutorial: "https://www.youtube.com/watch?v=jIMPLzpryuI"
3+
---
4+
15
# `03` Inline Styles
26

37
Inline styles are a very bad idea unless you have no choice (and that's a very uncommon situation). Sadly, we have to teach you how to do it because there is a chance you will need to use them at some point.

0 commit comments

Comments
 (0)