Skip to content

Commit 22b67ce

Browse files
committed
fixed some instructions
1 parent d858f82 commit 22b67ce

File tree

4 files changed

+8
-8
lines changed

4 files changed

+8
-8
lines changed

exercises/01-Style-tag/README.es.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -1,15 +1,15 @@
11

22
# `01` Hello World in CSS
33

4-
CSS trata sobre estilos (styles). Para aplicar estilos, siempre debes seguir estos pasos:
4+
Otra manera que existe de aplicar estilos es utilizar una etiqueta `<style>` en lugar de la propiedad `style`, siempre debes seguir estos pasos:
55

66
1. Lee el HTML y elige qué elemento deseas decorar o aplicarle estilos.
77

88
2. Programáticamente selecciona el elemento que deseas decorar con los selectores de CSS.
99

1010
3. Escribe el estilo que quieras usando las reglas CSS.
1111

12-
¡Eso es todo! El resto es solo semántica. 😁
12+
Es importante clarar que tu codigo CSS debe estar encerrado dentro de etiquetas `<style>`.
1313

1414
Mira este ejemplo:
1515

exercises/01-Style-tag/README.md

Lines changed: 3 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -1,17 +1,17 @@
11
---
22
tutorial: "https://www.youtube.com/watch?v=rbtHLA813pU"
33
---
4-
# `01` Hello World in CSS
4+
# `01` Style tag in CSS
55

6-
CSS is about styles. To apply styles you always have to follow these steps:
6+
Another way to apply styles is by using a `<style>` tag, you always have to follow these steps:
77

88
1. Read the HTML and pick what element (tag) you want to decorate or apply styles to.
99

1010
2. Programmatically select the element you want to style using [CSS Selectors](https://4geeks.com/lesson/what-is-css-learn-css#wait-what-is-a-selector).
1111

1212
3. Write the styling that you want by using [CSS property rules](https://4geeks.com/lesson/what-is-css-learn-css#properties).
1313

14-
That is it! The rest is just semantics! 😁
14+
But make sure your CSS code is wrapped inside a `<style>` tag instead of using the tag `style` property.
1515

1616
Look at this example:
1717

exercises/01.1-Add-a-style-tag/README.es.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -1,7 +1,7 @@
11

22
# `01.1` The Style Tag
33

4-
Si quieres añadir estilos a tu sitio web escribiendo CSS siempre debes hacerlo dentro de una etiqueta `<style>`.
4+
Veamos otro ejemplo pero esta vez agregando la etiqueta `<style>` nosotros mismos.
55
Puedes tener cuantas etiquetas `<style>` quieras, pero se recomienda solo tener una al principio del código de tu sitio web.
66

77
```HTML

exercises/01.1-Add-a-style-tag/README.md

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -4,8 +4,8 @@ tutorial: "https://www.youtube.com/watch?v=C5sOchuD2d4"
44

55
# `01.1` The Style Tag
66

7-
If you want to add styles into a website by writing CSS you always have to add it within a `<style>` tag.
8-
You can have as many style tags as you want, but it is recommended to have only one at the beginning of your website code.
7+
The previous exercise had a pre-writen `<style>` tag.
8+
Let's add one style tag ourselves. It is recommended to have only one style tag, always at the beginning of your website code.
99

1010
```HTML
1111
<style>

0 commit comments

Comments
 (0)