1
resposta

Lista de exercícios

**Seu desafio é criar uma classe chamada "texto-destaque" no arquivo HTML para um elemento <p> e, em seguida, estilizar essa classe no arquivo CSS para alterar a cor do texto. **

Html:

<p class="titulo-destaque">Um titulo bem destacado necessita de um css!</p>

Css:

.titulo-destaque{
    color: greenyellow;
}

Personalize essa classe no arquivo CSS para mudar a cor do texto, para dar mais destaque.

Html:

<h1 class="titulo-blog">Uma nova era de responsividade para seus blog's.</h1>

Css:

.titulo-blog{
    color: rosybrown;
}

No CSS, faça com que o texto desses parágrafos seja vermelho, para chamar a atenção do leitor. Html:

<p class="urgente">Neymar acaba de desembarcar em São Paulo e está proximo de assinar contrato com Santos!</p>

Css:

.urgente{
    color: red; 
}

**** Comece criando um arquivo CSS e utilize o seletor universal * para definir a margin e o padding de todos os elementos para 0. Teste o efeito dessa mudança no layout do seu site.****

Css:

*{
    margin: 0;
    padding: 0;
}

**** Observe como cada alteração afeta o posicionamento e a aparência do elemento na página.****

Html:

<p> usando margin border e padding</p>

Css:

p{
    margin: 15px;
       border: 1px solid black;
       padding: 5px;
}
1 resposta

Olá, Orlans, como vai?

O exercício foi bem aplicado, e seu código está estruturado corretamente. Você utilizou bem as classes para estilizar os elementos e o reset CSS está correto. Testar as alterações no layout com margin, border e padding é uma ótima forma de entender o modelo de caixa na prática.

Continue compartilhando seus exercícios, o fórum está à disposição.

Alura Conte com o apoio da comunidade Alura na sua jornada. Abraços e bons estudos!