Aula Tech For Internet (9)

Prévia do material em texto

TECNOLOGIA PARA INTERNET I 
Aula 9: LINGUAGEM DE MARCAÇÃO E ESTILOS - CSS 
Tecnologia para Internet I 
Linguagem de Marcação e Estilos - CSS 
AULA 9: LINGUAGEM DE MARCAÇÃO E ESTILOS - CSS 
POSICIONAMENTO 
1 3 
PRÓXIMOS 
PASSOS 
2 4 
 
ESQUEMA NORMAL 
ESQUEMA FLUTUANTE 
ESQUEMA ABSOLUTO 
Tecnologia para Internet I 
Linguagem de Marcação e Estilos - CSS 
AULA 9: LINGUAGEM DE MARCAÇÃO E ESTILOS - CSS 
Posicionamento 
 
As propriedades CSS position e float determinam como um box será posicionado no modelo visual 
de formatação de um documento. 
 
As recomendações do W3C para as CSS 2.1 preveem a existência de três esquemas de 
posicionamento: 
 
• Normal; 
• Float; 
• Absoluto. 
Tecnologia para Internet I 
Linguagem de Marcação e Estilos - CSS 
AULA 9: LINGUAGEM DE MARCAÇÃO E ESTILOS - CSS 
Esquema normal 
 
Este esquema segue o fluxo normal 
onde os elementos são exibidos um 
após o outro e de cima para baixo. 
 
Tecnologia para Internet I 
Linguagem de Marcação e Estilos - CSS 
AULA 9: LINGUAGEM DE MARCAÇÃO E ESTILOS - CSS 
Esquema Flutuante 
 
Definido pela regra float de 
posicionamento, juntamente com as 
regras left, right, none e inherit 
(herdado). 
 
O box é deslocado para uma nova 
posição e seu espaço original é 
preenchido por outro elemento, na 
medida do possível. 
 
Tecnologia para Internet I 
Linguagem de Marcação e Estilos - CSS 
AULA 9: LINGUAGEM DE MARCAÇÃO E ESTILOS - CSS 
Esquema absoluto 
 
Definido pela regra position com 
valores absolute e fixed. 
 
O box é removido do fluxo 
completamente sem impactar nos 
elementos posteriores. 
Assuntos da próxima aula: CONTEÚDO DA PRÓXIMA AULA 
 
Linguagem de marcação e estilos – CSS; 
 
Transições; 
 
Overflow.