Select Page

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

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

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

Não deixe de assinar a nossa Newsletter

Entre na nossa lista e receba as últimas notícias e updates do nosso site.

Parabéns! Você acabou de se inscrever.

About The Author

Rodrigo Bahiense

Designer, baixista e baixinho!

Leave a reply

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *

Assine a nossa Newsletter

Entre em nossa lista e receba as últimas novidades e updates do site. 

You have Successfully Subscribed!

Arquivos

Conteúdos

Assine a nossaNewsletter

Assine a nossaNewsletter

Join our mailing list to receive the latest news and updates from our team.

You have Successfully Subscribed!