Resumo de propriedades de exibição e visualização no CSS

#CSS

Para controlar o layout a propriedade mais importante é o display. O display vai permitir especificar como o elemento será exibido. Sabendo que o valor de exibição padrão nas maiorias dos elementos é block ou inline, dessa forma irá alterar a forma como o elemento é exibido e não o tipo de elemento que é.

Mas além dos display existem outras propriedades que auxiliam nos ajuste do layout:

bottom - Define a borda da margem inferior para uma caixa posicionada.
box-sizing - Define como a largura e a altura de um elemento são calculadas: devem incluir preenchimento e bordas ou não.
clear - Específica o que deve acontecer com o elemento que está próximo a um elemento flutuante.
clip - Recorta um elemento posicionado absolutamente.
display - Específica como um elemento deve ser exibido.
float - Especifica se um elemento deve flutuar para a esquerda, direita ou nada.
left - Define a borda da margem esquerda para uma caixa posicionada.
overflow - Específica o que acontece se o conteúdo ultrapassar a caixa de um elemento.
overflow-wrap - Especifica se o navegador pode ou não quebrar linhas com palavras longas, se elas ultrapassarem seu contêiner.
overflow-x - Especifica o que fazer com as bordas esquerda/direita do conteúdo se ultrapassar a área de conteúdo do elemento.
overflow-y - Especifica o que fazer com as bordas superior/inferior do conteúdo se ultrapassar a área de conteúdo do elemento.
position - Especifica o tipo de posicionamento de um elemento.
right - Define a borda da margem direita para uma caixa posicionada.
top - Define a borda da margem superior para uma caixa posicionada.
visibility - Especifica se um elemento deve ou não ser visível.
z-index - Define a ordem de pilha de um elemento.