<head>
<style>
/* El selector
* h1
* hace que las propiedades de
* esta regla se apliquen a todos
* los elementos de tipo
* h1. */
h1 {
color: yellow;
background-color: blue;
}
/* El selector
* p
* hace que las propiedades de
* esta regla se apliquen a todos
* los elementos de tipo
* p. */
p {
color: white;
background-color: black;
}
</style>
</head>
<body>
<!-- Las reglas con el selector
h1
se aplican a este elemento. -->
<body>
<h1>CSS</h1>
<!-- Las reglas con el selector
p
se aplican a este elemento. -->
<p>Este es un ejemplo.</p>
<!-- Las reglas con el selector
p
se aplican a este elemento. -->
<p>Aprende CSS.</p>
<h2>Subsección</h2>
<!-- Las reglas con el selector
p
se aplican a este elemento. -->
<p>Juega con colores.</p>
<footer>
<!-- Las reglas con el selector
p
se aplican a este elemento. -->
<p>
© 2021
Gilberto Pacheco Gallegos.
</p>
</footer>
</body>