Os elementos e
são usados para agrupar e estruturar um documento e são freqüentemente usados em conjunto com os atributos class e id.

Nesta lição veremos com detalhes o uso dos elementos HTML e
no que se refere a sua vital importância para as CSS.

- Agrupando com
- Agrupando com


Agrupando com

O elemento é um elemento neutro e que não adiciona qualquer tipo de semântica ao documento. Contudo, pode ser usado pelas CSS para adicionar efeitos visuais a partes específicas do texto no seu documento.

Um exemplo deste uso é mostrado na citação abaixo de autoria de Benjamin Franklin:

Dormir cedo e acordar cedo faz o homem
saudável, rico e sábio.



Vamos supor que queremos enfatizar na cor vermelha os benefícios apontados por Mr. Franklin pelo fato de não se passar o dia dormindo. Para isto marcamos os benefícios com . A cada span atribuímos uma class, e estilizamos na folha de estilos:

Dormir cedo e acordar cedo faz o homem
saudável,
rico
e sábio.



A folha de estilos:
span.benefit {
color:red;
}


É claro que você pode usar id para estilizar o elemento . Mas, como você deve estar lembrado, deverá usar uma única id para cada um os três elementos , conforme foi explicado na lição anterior.

Agrupando com

Enquanto é usado dentro de um elemento nível de bloco como vimos no exemplo anterior,
é usado para agrupar um ou mais elementos nível de bloco.

Diferenças à parte, o agrupamento com
funciona mais ou menos da mesma maneira. Vamos ver um exemplo tomando duas listas de presidentes dos Estados Unidos agrupados segundo suas filiações políticas:


  • Franklin D. Roosevelt

  • Harry S. Truman

  • John F. Kennedy

  • Lyndon B. Johnson

  • Jimmy Carter

  • Bill Clinton






  • Dwight D. Eisenhower

  • Richard Nixon

  • Gerald Ford

  • Ronald Reagan

  • George Bush

  • George W. Bush




E na folha de estilos, podemos agrupar a estilização da mesma maneira como fizemos no exemplo acima:
#democrats {
background:blue;
}

#republicans {
background:red;
}


Nos exemplos mostrados acima usamos somente
e para simples estilizações, tais como cores de textos e de fundos. Contudos estes dois elementos possibilitam estilizações bem mais avançadas como veremos adiante nas lições deste tutorial.

Fonte: http://pt-br.html.net

Conteúdo relacionado

35 Lançamentos da semana na NETFLIX (28/11 a 04/12)
Lançamentos Netflix 2021

35 Lançamentos da semana na NETFLIX (28/11 a 04/12)

Mais lançamentos chegando ao catálogo da NETFLIX. Confira quais são os novos filmes, as novas séries e temporadas que chegam nessa semana no streaming.

O que é Criptografia?
Segurança digital

O que é Criptografia?

Leia sobre criptografia. Trata-se de um conjunto de regras que visa codificar a informação de forma que só o emissor e o receptor consiga decifrá-la. Uma explicação sobre o que é criptografia. O termo Criptografia surgiu da fusão das palavras gregas Kryptós e gráphein.

Configurando o Samba no Ubuntu
Softwares

Configurando o Samba no Ubuntu

Aprenda como baixar, instalar e configurar o servidor SaMBa no Linux Ubuntu. O SaMBa é o sistema responsavel pela comunicação entre máquinas Unix (Linux) e Windows, usando protocolo TCP/IP.