[Projeto] Desafio - Modulo 1 - Seletores e Posicionamento

Boa tarde. Seguem propostas de solução para os desafios.

Desafio 1: Estilizando elementos com classes CSS.

Aplicando a classe "texto-destaque":

body{
    background-color: #000000;
    color: #F6F6F6;
}

.texto-destaque{
    color: #22D4FD;
    font-family: Arial, Helvetica, sans-serif;
    font-style: italic;
}

No trecho HTML:

<strong class="texto-destaque">Texto
            </strong>

Desafio 2: Destacando Títulos com CSS.

CSS:

body{
    background-color: #000000;
    color: #F6F6F6;
}

.titulo-blog{
    color: #fdf922;
    font-family:Verdana, Geneva, Tahoma, sans-serif;
    font-style: oblique;
    font-weight:bolder; 
}

HTML (aplicação da classe):

<h1 class="titulo-blog">
            Texto!
</h1>

Desafio 3:

HTML (aplicação da classe):

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

CSS:

body{
    background-color: #000000;
    color: #F6F6F6;
}

.urgente{
    color: #fd4322;
    font-family:Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
    font-style:italic;
    font-weight:bold;
}

Desafio 4:

CSS:

*{
   margin:0;
   height:0; 
}

Desafio 5:

display block height 0px margin-bottom 0px margin-left 0px margin-right 0px margin-top 0px view-transition-name root width 763px -webkit-locale "pt-br"

element.style { }

• { margin: 0; height: 0; } html[Attributes Style] { -webkit-locale: "pt-br"; } folha de estilos de agente de usuário :root { view-transition-name: root; } folha de estilos de agente de usuário html { display: block; }

Desafio 6:

body{
    background-color: #000000;
    color: #F6F6F6;
}

.elemento{
    color: #5e055e;
    font-size:medium;
    font-family:Verdana, Geneva, Tahoma, sans-serif;
    margin:auto;
    border:#F6F6F6;
    padding:inherit;
    content:url();
}