É uma linguagem de marcação que tem as seguintes responsabilidades>
- Conteúdo;
- Semântico (tag)
- Cria um novo contexto
- O que define as dimensões é o conteúdo dentro dele (igual no float)
- Com o
Position Absoluteda para usar as propriedadestop bottom left right topebottom=> eixo Xlefteright=> eixo Y- Usa como referência o pai (no caso de usar no
<header>direto dentro do<body>, seria a página toda)
vertical-align:só alinha dois elementos do tipo display: inline-block
box-sizingdefine o tamanho da caixa, tem como padrãocontent-box(o que tiver a mais soma o tamanho dela, ex: a borda)- Com o
border-boxele mantém a borda no tamanho do height e width