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:
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.
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.
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.
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.
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.
Flexbox e Grid: O CSS3 introduz os modelos de layout flexbox e grid, que tornam o design de layout mais flexível e eficiente.
Gradientes CSS: O CSS3 oferece suporte a gradientes CSS, permitindo criar fundos gradientes diretamente com CSS, em vez de depender de imagens.
Transições: O CSS3 inclui transições, que permitem suavizar as mudanças de estilo de um elemento ao longo do tempo.
Multi-colunas: O CSS3 permite criar layouts de várias colunas de maneira mais eficaz.
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)