Mão na Massa

1. Estilizando elementos com classes CSS

HTML:

<!-- 1) Estilizando elementos com classes CSS -->
<p class="texto-destaque">
    Lorem ipsum dolor sit amet consectetur, adipisicing elit. Earum expedita at animi atque. Voluptates dicta culpa reiciendis, eius, quia obcaecati voluptas voluptatem laborum dolorem consequatur ducimus cumque delectus iste eum.
</p>

CSS:

• { padding: 0; margin: 0; box-sizing: border-box; }

body { background-color: #508484; }

.texto-destaque { color: orange; font-size: 1.5em; margin: 10%; }

Imagem do Site:

1. Destacando títulos com CSS:

<!-- 1) Estilizando elementos com classes CSS -->
<h1 class="titulo-blog">Noticia Urgente!!</h1>

CSS:

• { padding: 0; margin: 0; box-sizing: border-box; }

body { background-color: #081a1a; }

.titulo-blog { color: red; text-align: center; margin-top: 50px; text-transform: uppercase ;

}

Imagem: