Lista de exercícios

1. Estilizando elementos com classes CSS HTML

 <p class="texto-destaque">Olá! Sou Brenda Figueiredo, desenvolvedora Front-end com especialidade em <strong> Javascript, IA, HTML.</strong></h1>. 
            Ajudo pequenos negócios e designers a colocarem em prática boas ideias. Vamos conversar?</strong></p>

CSS

.texto-destaque {
    color: #FF69B4;
}


1. Destacando títulos com CSS

HTML <h1 class="titulo-blog">Formação de <span>Front-end</span></h1>

CSS

.titulo-blog {
        color: #20B2AA;

    }


1. Estilos situacionais com classes CSS

HTML

<p class="urgente">Olá! Sou Brenda Figueiredo, desenvolvedora Front-end com especialidade em <strong> Javascript, IA, HTML.</strong></h1>. 
            Ajudo pequenos negócios e designers a colocarem em prática boas ideias. Vamos conversar?</strong></p>

CSS

 .urgente {
        color: #FF0000;

    }


1. Entendendo e aplicando o reset CSS

* {
    margin: 0;
    padding: 0;
}


1. Inspecionando elementos e entendimento do modelo de caixa  As propriedades margin, border, padding e content fazem parte do modelo de caixa (box model) do CSS, que define como os elementos são dispostos na página. Vou detalhar como cada uma delas afeta o elemento selecionado.

2. Aplicando o modelo de caixa na prática

* {
    margin: 5px;
    border: 2px solid green;
    padding: 5px;
   }