Evolução da pagina Web simples 1 com uso dos aprendizados na Alura
O CSS (Cascade Style Sheets) é um tipo de arquivo que foi criado depois do HTML com intuito de estilizar as paginas que usamos dentro da WEB.
Ele é um arquivo destinado a definir cores, tamanho, posição, formato e animações!
Antigamente, o arquivo HTML continha ambos (e ainda contem, mas não é recomendado) funções de estilo integradas, porem, os websites que faziam uso disso ficavam grandes e confusos de ler os códigos, então, foi criado o CSS para facilitar a estilização dos Websites.
Algumas definições: O modelo de caixa do CSS
O "modelo de caixa" é usado para definir o layout e o design dos objetos em HTML
O modelo de caixa CSS é literalmente uma caixa que fica em volta dos objetos.
sendo eles:
-
margens (margin): o mesmo que o preenchimento, mas diferente de preencher e espremer por dentro, ele faz isso com o conteudo de fora da caixa.
-
bordas (border): Um contorno em volta do limite do conteudo, pode ser apresentado como as "paredes" da caixa, estas são visiveis se desejar.
-
preenchimento (padding): é como o enchimento de um bixinho de pelucia, fica em volta do conteudo e não é visivel, mas basicamente ele espreme o texto / link / imagem para dentro de seu proprio espaço
-
conteúdo real (content): Imagens, textos, links e etc
SIGLAS:
- vh: "Viewport Height" ou tamanho da tela visualizada