**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;
}