DEV Community

Cover image for CSS2️⃣ 🥊 CSS3️⃣ - Não trave na entrevista técnica
Cristian Melo
Cristian Melo

Posted on

CSS2️⃣ 🥊 CSS3️⃣ - Não trave na entrevista técnica

Essa vai para os mais jovens no universo da tecnologia. Você já parou para pensar, se naquela entrevista de emprego te perguntarem a diferença entre CSS2 e CSS3?


Acompanha esse post pra não faltar o palavriado na hora 💡


Aqui estão algumas das diferenças mais significativas:

  1. Seletores avançados: O CSS3 introduz uma variedade de seletores avançados que permitem direcionar elementos de maneira mais precisa. Isso inclui seletores como o seletor de atributo, o seletor de primeira criança, o seletor de última criança, etc.

  2. Bordas e sombras avançadas: O CSS3 permite criar bordas arredondadas, sombras suaves e bordas gradientes de maneira mais eficiente e flexível do que o CSS2.

  3. Animações e transformações: O CSS3 oferece suporte a animações e transformações CSS, permitindo que elementos HTML sejam animados e transformados sem a necessidade de JavaScript.

  4. Fontes personalizadas: Com o CSS3, você pode usar a propriedade @font-face para incorporar fontes personalizadas em seu site, ampliando suas opções de design de fontes.

  5. Mídia responsiva: O CSS3 introduz media queries, que permitem que você crie estilos específicos para diferentes tamanhos de tela e dispositivos, tornando seu site mais responsivo.

  6. Flexbox e Grid: O CSS3 introduz os modelos de layout flexbox e grid, que tornam o design de layout mais flexível e eficiente.

  7. Gradientes CSS: O CSS3 oferece suporte a gradientes CSS, permitindo criar fundos gradientes diretamente com CSS, em vez de depender de imagens.

  8. Transições: O CSS3 inclui transições, que permitem suavizar as mudanças de estilo de um elemento ao longo do tempo.

  9. Multi-colunas: O CSS3 permite criar layouts de várias colunas de maneira mais eficaz.

  10. Sombra de texto: O CSS3 permite aplicar sombras a texto diretamente, sem a necessidade de imagens.

Lançada em 2012, o CSS3 é a mais recente versão do CSS e trouxe a grande maioria das novidades utilizadas hoje quando o assunto é estilização de páginas da web.

Anteriores a ela, estão o CSS2 e o CSS, que surgiram, respectivamente, em 1998 e 1996.

O CSS3 trouxe MUITOS recursos avançados para melhorar o design e a funcionalidade de páginas da web,(nem consigo imaginar mais o mundo sem elas), tornando-as mais dinâmicas, responsivas e atraentes.

Ah, é importante observar que a implementação de alguns recursos pode variar entre navegadores, o que pode requerer o uso de prefixos de fornecedores e considerações de compatibilidade.


Finalizamos nosso post , mas antes de ir, se gostou e fez sentido, não se esqueça de reagir e comentar, isso me motiva muito!

💻 GitHub: cristianmeelo
💼 LinkedIn: Cristian Melo

Top comments (0)