Warning: DOMDocument::loadXML(): Start tag expected, '<' not found in Entity, line: 1 in /home/masterwebdesign/www/wp-content/plugins/premium-seo-pack/modules/title_meta_format/init.social.php on line 483

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

Assine nossa newsletter

Assine nossa newsletter e recebe conteúdos novos em seu email. 

Você se inscreveu corretamente!

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 nossa newsletter

Assine nossa newsletter e recebe conteúdos novos em seu email. 

Você se inscreveu corretamente!

Arquivos

Conteúdos