A propriedade display
é a propriedade mais importante do CSS
para controlar o layout, o valor padrão pode varias de elemento para elemento, de modo geral o valor padrão é display:block
ou display:inline
.
Abaixo listarei somente as funcionalidade classificas como funcionalidades mais confusas de acordo com a pergunta, p/ acessar uma lista com todas as funcionalidades e seus exemplos de uso segue o link: w3schools css display
A propriedade flex específica o comprimento do item, em relação ao restante dos itens flexíveis dentro do mesmo container, de certa forma ela adapta o item em questão em relação aos outros itens flexíveis.
A diferença entre inline-flex
e flex
é que o inline-flex não faz os itens flex serem exibidos em uma única linha, ele mostra o container flexível em linha como um todo.
Um elemento renderizado com a propriedade list-item
terá o mesmo comportamento de um elemento block
, além disso essa propriedade vai gerar um marcador(marker box), seu estilo pode ser alterado através da propriedade list-style
A propriedade run-in
funciona do seguinte modo: Se a caixa run-in contém uma caixa block
, funciona como um bloco;
Se uma caixa block
segue a caixa run-in
, a caixa run-in torna-se a primeira caixa inline
da caixa bloco.
Este propriedade é utilizada por exemplo, para juntar um cabeçalho a um texto abaixo dele sem prejudicar a semântica em questão e para prevenir futuros erros que poderiam aparecem forçando a posição com outras técnicas de layout. P/ mais informações sobre a propriedade run-in
:CSS tricks run-in
Faz com que o elemento se comporte como uma <td>