Haga lo que hicimos

Buenas noches

Adjunto las soluciones a los ejercicios planteados:

1 - Estilizando elementos con clases CSS: HTML

<p class= "texto-destacado"> texto de prueba</p>

CSS

.texto-destacado {
    color: #005C53
 }

2 - Destacando títulos con CSS: HTML

<h1 class="titulo-blog">Prueba texto</h1>

CSS

.titulo-blog {
    color: #FF6405
}

3 - Estilos situacionales con clases CSS: HTML

<p class="urgente">Noticia</p>

CSS

.urgente {
    color: #FF0000
}

4 - Entendiendo y aplicando el reset CSS:

*{
    padding: 0;
    margin: 0;
}

5 - Inspeccionando elementos y entendiendo el modelo de caja: Margin: Es el espacio que se deja entre un elemento y los demás y se puede ajustar en los cuatro lados del elemento.

Border: Es el borde que se dibuja alrededor del elemento y es personalizable. Se aplica al borde del elemento y no afecta el tamaño del área de contenido.

Padding: Es el espacio que se deja entre el contenido del elemento y su borde también se pueden ajustar sus cuatro lados.

Content: Es el área donde se muestra el contenido del elemento, como texto, imágenes o videos.

6 - Aplicando el modelo de caja en la práctica: CSS:

h1 {
    display: block;
    font-size: 2em;
    font-weight: bold;
    }