Propriedade Position, valores: relative, absolute, fixed e static. HTML5 e CSS3 aula 23

Existem algumas propriedades que posicionam o elemento na página, tais como top, left, bottom e right, mas essas propriedades que já vimos em aulas anteriores dependem da propriedade position, ela determina o modo do posicionamento do elemento, podendo receber atualmente quatro valores: static, relative, absolute ou fixed.

Assista ao vídeo:

O static é o valor padrão de todos os elementos. O relative aceita coordenadas. O absolute é complexo, mas por base, ele toma por padrão o elemento pai. E o fixed tem como referência a parte visível do navegador, e permanece na mesma posição, mesmo com a rolagem da tela e, se tiver um elemento pai, as configurações do elemento pai são ignoradas com relação ao elemento em questão.

Código fonte HTML (completo)

<section class="paragrafos">
<p>Existem algumas propriedades que posicionam o elemento na página, tais como top, left, bottom e right, mas essas propriedades que já vimos em aulas anteriores dependem da propriedade position, ela determina o modo do posicionamento do elemento, podendo receber atualmente quatro valores: static, relative, absolute ou fixed.
<p>O static é o valor padrão de todos os elementos. O relative aceita coordenadas. O absolute é complexo, mas por base, ele toma por padrão o elemento pai. E o fixed tem como referência a parte visivel do navegador, e permanece na mesma posição, mesmo com a rolagem da tela e, se tiver um elemnto pai, as configurações do elemento pai são ignoradas com relação ao elemento em questão.</p>
</section>

Código fonte CSS (completo)

.paragrafos {
    text-align: justify;
    font-size: 10px;
    width: 1000px;
    font-weight: bold;
}
.transform {
    position: absolute;
    top: 50px;
    right: 30px;
}
.decoration {
    position: absolute;
    top: 130px;
    right: 30px;
}
<! Código fonte exclusivo do documento padrao.css>
    word-spacing: 2px;

Espero que este código fonte tenha sido útil.

Se estiver utilizando bloqueador de propaganda, por favor, coloque este site na lista branca (isto sempre será apenas um pedido). Obrigado pela escolha.