Se declaran con una expresión del tipo
nombre: valor
1 | <head> |
2 | <style> |
3 | h1 { |
4 | /* Esta es la propiedad |
5 | * color. |
6 | * En este caso se aplica |
7 | * a los elementos tipo |
8 | * h1. |
9 | * Su valor es yellow. */ |
10 | color: yellow; |
11 | /* Esta es la propiedad |
12 | * background-color. |
13 | * En este caso se aplica |
14 | * a los elementos tipo |
15 | * h1. |
16 | * Su valor es blue. */ |
17 | background-color: blue; |
18 | } |
19 | |
20 | p { |
21 | /* Esta es la propiedad |
22 | * color. |
23 | * En este caso se aplica |
24 | * a los elementos tipo |
25 | * p. |
26 | * Su valor es white. */ |
27 | color: white; |
28 | /* Esta es la propiedad |
29 | * background-color. |
30 | * En este caso se aplica |
31 | * a los elementos tipo |
32 | * p. |
33 | * Su valor es black. */ |
34 | background-color: black; |
35 | } |
36 | </style> |
37 | </head> |
38 | <body> |
39 | <h1>CSS</h1> |
40 | <p>Este es un ejemplo.</p> |
41 | <p>Aprende CSS.</p> |
42 | <h2>Subsección</h2> |
43 | <p>Juega con colores.</p> |
44 | <footer> |
45 | <p> |
46 | © 2021 |
47 | Gilberto Pacheco Gallegos. |
48 | </p> |
49 | </footer> |
50 | </body> |