Curso
CSS: Position relative e absolute
Neste curso você aprenderá a utilizar outros valores da propriedade position do CSS: relative e absolute. Com eles podemos posicionar um elemento fora do fluxo padrão do HTML. Esses valores são úteis quando precisamos mover um elemento livremente na página como, por exemplo, colocar um texto sobrepondo uma imagem, colocar parte de uma imagem para fora da página, entre outras coisas.
Esse curso inclui:
Suporte em tempo real
Certificado
Carga horária:
6 horas
Curso de CSS (6 aulas)
Aula 1 - Reposicionando elementos na tela
Nesta aula veremos o que é o fluxo padrão do HTML e o reposicionamento de elementos.
Aula 2 - Como mover elementos livremente na página
Nesta aula veremos como remover um elemento do fluxo normal do HTML e posicioná-lo em qualquer lugar da página.
Aula 3 - Position absolute resolve tudo?
Nesta aula entenderemos se o position: absolute; resolve todos os problemas de posicionamento de elementos.
Aula 4 - Position relative
Nesta aula aprenderemos a usar o position: relative; como referência para os elementos com position absolute serem posicionados.
Aula 5 - Relative e absolute
Nesta aula veremos alguns exemplos onde usamos position absolute e relative.
Aula 6 - Exemplo prático
Com os conhecimentos que adquirimos nas aulas anteriores analisaremos uma página e veremos como a propriedade position do CSS foi usada para criar o seu layout.
Veja outros cursos de HTML e CSS
CSS: Flexbox
CSS: Position fixed
CSS: Pseudo-classes e Pseudo-elementos