Olá ?,

Sou desenvolvedor front-end com 3 anos de experiência. Sempre quis preencher minha lacuna de conhecimento e me tornar um desenvolvedor full-stack. Fiz várias tentativas de iniciar o Projeto Odin, mas não consegui prosseguir de forma consistente. Desta vez, estou determinado a continuar e melhorar minhas habilidades.

Para acompanhar meu progresso, publicarei uma série de postagens no blog detalhando meu aprendizado em cada capítulo do Projeto Odin. Considere-os como meus diários de desenvolvimento.

Acrescentarei os tópicos que aprendi e compartilharei coisas que não sabia antes.

Estou começando com CSS como HTML e todas as coisas introdutórias que passei anteriormente ou pelo menos que conheço.

Tópicos aprendidos

• Seletores

1. Seletor Universal
2. Seletor de tipo
3. Seletor de classe
4. Seletor de ID
5. Seletor de agrupamento
6. Seletor de encadeamento

• Combinador Eu sabia como usar o combinador, mas não conhecia esse termo específico. Também a definição de que se trata de um relacionamento entre seletores que não seja agrupá-los ou encadeá-los.
• Combinador Descendente

Propriedades CSS básicas

• cor, cor de fundo
• Tipografia

1. Família de fontes e família de fontes genéricas

• Altura e largura da imagem
  Então, outra coisa que aprendi aqui é que é aconselhável sempre especificar os atributos de largura e altura para imagens em HTML. Isso garante que o navegador reserve o espaço apropriado para a imagem durante a renderização da página, evitando mudanças inesperadas no layout do conteúdo quando as imagens são carregadas. Para manter a proporção original de uma imagem, você pode alterar apenas o atributo de largura e definir a altura como ‘automático’. Isso ajustará automaticamente a altura com base nas proporções da imagem.

• CSS externo

• CSS interno e in-line

Lembro-me de uma ocasião em que meu líder técnico adicionou CSS embutido ao nosso HTML. Hesitei em questionar sua decisão, pois ele era um profissional experiente e eu ainda era relativamente novo na área.

No entanto, agora entendo que uma abordagem mais eficaz teria sido sugerir que minimizemos o uso de CSS in-line. Ao limitar os estilos embutidos apenas àqueles absolutamente necessários para o funcionamento da regra, podemos evitar a aplicação excessiva de especificidade e manter uma base de código mais limpa e fácil de manter.

Também pretendo publicar um podcast semanal recapitulando o que aprendi.