Introdução ao CSS3 - Parte 1: O que é isso?
Este artigo marca o primeiro de vários, fornecendo uma introdução ao novo padrão CSS3, que está definido para substituir o CSS2. Começaremos desde o início - levando você a não ter ouvido falar do CSS3, a se sentir pronto para executá-lo quando vários recursos começarem a se tornar mais amplamente adotados.
O que é isso?
O CSS3 oferece uma enorme variedade de novas maneiras de criar impacto em seus projetos, com algumas mudanças importantes. Este primeiro tutorial fornecerá uma introdução muito básica às novas possibilidades criadas pelo padrão.
Módulos
O desenvolvimento do CSS3 será dividido em 'módulos'. A especificação antiga era simplesmente muito grande e complexa para ser atualizada como uma única, por isso foi dividida em partes menores - com novas também adicionadas. Alguns desses módulos incluem:
- The Box Model
- Módulo de listas
- Apresentação de hiperlink
- Módulo de Fala
- Fundos e Fronteiras
- Efeitos de texto
- Layout de várias colunas
Veja a lista completa de módulos
Escala de tempo
Vários módulos já foram concluídos, incluindo SVG (Scalable Vector Graphics), consultas de mídia e espaços para nome. Os outros ainda estão sendo trabalhados.
É incrivelmente difícil definir uma data projetada para que os navegadores adotem os novos recursos do CSS3 - algumas novas versões do Safari já começaram.
Novos recursos serão implementados gradualmente em diferentes navegadores, e ainda pode levar um ano ou dois para que cada módulo seja amplamente adotado.
Como o CSS3 me afetará?
Felizmente, de uma maneira principalmente positiva. O CSS3 obviamente será totalmente compatível com versões anteriores, portanto, não será necessário alterar os designs existentes para garantir que eles funcionem - os navegadores da web sempre continuarão a oferecer suporte ao CSS2.
O principal impacto será a capacidade de usar novos seletores e propriedades disponíveis. Isso permitirá que você atinja novos recursos de design (animação ou gradientes, por exemplo) e atinja os recursos atuais de design de uma maneira muito mais fácil (por exemplo, usando colunas).
Os artigos futuros desta série focarão em um módulo diferente da especificação CSS3 e nos novos recursos que eles trarão. O próximo refere-se às bordas CSS3.
Outras postagens da série
- Introdução ao CSS3 - Parte 1: O que é isso?
- Introdução ao CSS3 - Parte 2: Fronteiras
- Introdução ao CSS3 - Parte 3: Efeitos de texto
- Introdução ao CSS3 - Parte 4: Interface do usuário
- Introdução ao CSS3 - Parte 5: Várias colunas
- Introdução ao CSS3 - Parte 6: Planos de fundo
