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> |