- float
A propriedade FLOAT especifica que um elemento será posicionado ao lado esquerdo ou direito de seu container, permitindo texto e elementos do tipo inline se acomodem em volta. O elemento é removido do fluxo normal da página, porém ainda se mantem como parte desse fluxo (ao contrário do posicionamento ABSOLUTE).
- caindo em desuso (mantido por causa do IE)
- não funciona tão bem em mobile e no responsivo
- em breve será considerado legado
https://css-tricks.com/all-about-floats/ https://www.w3schools.com/css/css_float.asp
//////////////////////////////
- flexbox
Ferramenta de leiaute para CSS que permite o arranjo de elementos em um container de forma fácil e sem gambiarra.
- melhor para mobile e responsivo
- muito mais fácil de posicionar elementos filhos
- ordem dos elementos pode ser modificada sem mexer no HTML
- é possível alterar altura e largura dos elementos para ocuparem o espaço
- propriedades de float, clear e vertical-align NÃO funcionam em itens flex*
https://css-tricks.com/snippets/css/a-guide-to-flexbox/ https://origamid.com/projetos/flexbox-guia-completo/ https://flexboxfroggy.com/ http://www.flexboxdefense.com/
//////////////////////////////
- fontes e @font-face
https://fonts.google.com/ https://www.fontsquirrel.com/ https://css-tricks.com/snippets/css/using-font-face/
//////////////////////////////
- ícones