CSS - Manual de Estilo (parte 3)

juliaojunior

Veremos como facilitar o código, tornando-o mais legível. Aspectos avançados de posicionamento de objetos também serão vistos em detalhes.

[ Hits: 20.497 ]

Por: Juliao Junior em 18/03/2010

0 0

Denuncie Favoritos Indicar Impressora

Sobreposição

Quando posicionamos os elementos fora do fluxo normal, eles podem sobrepor outros elementos. Usamos o chamado 'z-index', ou 'índice z' para indicar a ordem de um elemento. Ou seja, para posicionarmos um elemento atrás ou à frente de outro, usaremos o z-index. É como se tivéssemos um escala com a altura. Elemento com altura maior ficam à frente daqueles com altura menor.

Um elemento pode ter um índice tanto negativo como positivo. Por exemplo:

img
{
   position:absolute;
   left:0px;
   top:0px;
   z-index:-1
}

Um elemento com alto valor do z-index ficará sempre à frente de um elemento com valor menor.

Conclusão

Vimos mais alguns pontos importantes para usar em Folhas de Estilo. No próximo artigo da série, veremos detalhes sobre alinhamento de elementos, classes e algo mais.

Até o próximo artigo.

Página anterior

Páginas do artigo

   1. Agrupamento e código mais limpo
   2. Exibição
   3. Posicionamento
   4. Sobreposição

Outros artigos deste autor

Emacs - Poderoso ambiente de trabalho

Aprenda Python - Guia "rápido"

Octave - Programação científica no Linux (parte 2)

Invadiram o kernel.org?!

Explorando a máquina sem abrí-la

Leitura recomendada

DesignCap - Ferramenta de design gráfico para leigos

CSS pela W3schools (Parte 1) - Uma introdução