CriandoBits
Identifique-se Entrar Esqueceu a senha? Esqueci minha senha

Cascading Style Sheets (CSS) - Agrupando e alinhando documentos

Por Benedito Silva Júnior - publicado em 13/07/2016


Span e div são elementos muito utilizados para estruturar e agrupar, respectivamente, um documento. Eles são bastante usados em conjunto com os atributos class e id.

O elemento <span> é neutro e não adiciona qualquer tipo de semântica ao documento. No entanto, pode ser usado no CSS para inserir efeitos visuais em partes específicas do texto.

Exemplo:

"O futuro depende do que fazemos com o nosso presente."

Foi preciso marcar as palavras "futuro" e "presente" com <span>. Assim, cada span recebe uma class, que no HTML e CSS ficam da seguinte maneira:

O <span class="vida">futuro</span> depende do que fazemos com o nosso <span class="vida">presente</span>. /* E na folha de estilos ficará da seguinte maneira: */ /* CSS Document */ span.vida {color:red;}

Div é utilizado para agrupar elementos em um nível de bloco. Veja o exemplo:

• Morango
• Pêra
• Laranja

<div id="frutas"> <ul> <li>Morango</li> <li>Pêra</li> <li>Laranja</li> </ul> </div>

Na folha de estilos, a estilização é agrupada da mesma maneira que foi realizada no código HTML. Veja:

/* CSS Document */ #frutas { background:#FFEAEA; }


 
Voltar a pagina anteriorVoltarSubir ao topo da páginaTopo