Introdução ao CSS

CSS (Cascading Style Sheets) é uma linguagem de estilo utilizada para descrever a apresentação de um documento escrito em HTML ou XML. O CSS permite que você controle o layout, as cores, as fontes e outros aspectos visuais de páginas web, separando o conteúdo da apresentação.

Principais características do CSS:

• Separação de conteúdo e estilo: O CSS permite que você mantenha o conteúdo HTML separado das regras de estilo, tornando o código mais organizado e fácil de manter.
• Reutilização de estilos: Você pode criar estilos uma vez e aplicá-los a múltiplos elementos em várias páginas, economizando tempo e reduzindo a repetição de código.
• Controle preciso sobre o layout: O CSS oferece uma ampla gama de propriedades para controlar o posicionamento, tamanho e aparência dos elementos em uma página.
• Responsividade: Com CSS, é possível criar designs responsivos que se adaptam a diferentes tamanhos de tela e dispositivos.

Como unir o HTML com o CSS

Seletor, Propriedade e Valor

Principais Propriedades

Modelo de Caixa

Display

Position

<aside> 💡

Indicações de Projetos com HTML e CSS

Cardápio Digital BBQ-BRO

Árvore de links estilo linktree

</aside>

Recomendações pra aprender de uma forma mais divertida

https://flexboxfroggy.com/ para exercitar os conceitos do display flexível

<aside> 💡

https://cssbattle.dev/battle/1 competição de CSS. Reproduza telas com desenhos geométricos usando apenas CSS. Quem concluir o desafio com menos linhas de código tem maior pontuação. São 32 batalhas com uma média de 10 desafios por batalha.

</aside>

https://css-tricks.com/snippets/css/a-guide-to-flexbox/ Um guia completo para flex-box. Use sempre que precisar consultar as propriedades.