Como utilizar o Position Static, Relative, Absolute e Fixed no seu projeto.

by on

Oi pessoal! Esse é o primeiro tutorial do site. Nesse tutorial vou falar sobre o uso de uma propriedade do css chamada position – Position Static, Relative, Absolute e Fixed. Algumas pessoas costumam ficar uma pouco enroladas ao utilizar essa propriedade nos seus projetos, por isso resolvi fazer um tutorial pra tentar explicar melhor.

Os tutoriais são gratuitos, você pode acompanhar o vídeo acima e baixar os arquivos utilizados no tutorial.

Caso você tenha alguma dúvida, entre em contato comigo aqui na área de comentários que eu posso tentar ajudá-lo. Não se esqueça de compartilhar, assinar a newsletter e também o meu canal no YouTube. Toda semana novas dicas e tutoriais.

Grande abraço!

<style>
body{
margin: 0;
}
#verde{
width: 100%;
height: 1400px;
background-color: green;
position: relative;
}
#amarelo{
width: 400px;
height: 1400px;
background-color: yellow;
top:0;
right: 0;
position: absolute;
}
#azul{
width: 400px;
height: 200px;
background-color: blue;
top:0;
right:0;
position: fixed;
}
</style>

<div id=”verde”>
<div id=”amarelo”>
<div id=”azul”></div>
</div>
</div>

 

Download do arquivo

You may also like

Rodrigo Bahiense Masterwebdesign Designer
Olá. Entre em contato comigo. Terei o maior prazer em ajudá-lo!
Enviar