Daremos continuidade hoje a um curso com vídeos aulas sobre CSS, que irá durar algumas semanas, e terá o objetivo de ensinar o básico e o avançado para todos os blogueros e webmasters que acompanham regularmente este blog a formatar sua pagina na web. Todos os vídeos são de autoria do Professor Fernando N. Conzzolino que está disponível no site Becck.com totalmente gratuito, por isso que utilizarei para complementar as aulas.
Índice: Css básico
- Curso de CSS – Introdução ( Aula 1)
- Curso de CSS – Div e Span ( Aula 2)
- Curso de CSS – Classes e Id ( Aula 3)
- Curso de CSS – Background ( Aula 4)
- Curso de CSS – Font/color ( Aula 5)
- Curso de CSS – Border ( Aula 6)
- Curso de CSS – Padding e Margin ( Aula 7)
- Curso de CSS – Text/Width/Height/List_height( Aula
- Curso de CSS – Float e Clear ( Aula 9)
- Curso de CSS – Posicionamentos ( Aula 10)
- Curso de CSS – Overflow ( Aula 11)
Assinem nosso Feed e me siga no Twitter para sempre ficar atualizado, faça o download da vídeo aula clicando no ícone de download .Não perca tempo e participem!
Propriedade position
Com a propriedade position, o nome já diz, serve para posicionar um elemento na página, no entanto acho que seja uma propriedade meio que perigosa, novos desenvolvedores acham que o position é a resposta para todos os problemas de posicionamento do layout. Mas para isso que existe a propriedade float do css, já o position servir para posicionamentos mais simples.
- Bem na tabela abaixo está a propriedade e seus três valores respectivos:
|
Propriedade
|
Valor
|
| Position |
|
Position:absolute;
Elemento exatamente posicionado em relação ao primeiro elemento pai, para entender melhor é interessante pensar que sua tela está em grade de medida como a imagem abaixo:
- A margem superior chamamos de top e a margem esquerda chamamos de left.
A partir deste conceito eu apliquei em uma div uma position absolute de 50px no top e de 100px de left.
“text/css”>