Introdução às folhas de estilo
- Definições e sintaxe de estilos
- Aplicação de estilos (inline, incorporados e externos)
- Compatibilidade de browsers (prefixos específicos)
- Valores e unidades de medida
- Media Queries (aplicando estilos a diversos dispositivos)
Seletores
- Tipos básicos de seletores
- Genealogia de seletores (ancestral, filho, irmão, etc)
- Grupamento de seletores
- Herança e efeito cascata
- Diretiva !important
- Pseudo-classes
- Atributos
Propriedades fundamentais
- Textos, fontes, margens e parágrafos
- Fontes externas
- Backgrounds, máscaras e sprites
- Cores, opacidades e aparências
- Bordas e sombras
- Positions, displays, floats e camadas
Layouts
- Múltiplas colunas
- Box Model e Box Layout
- Template Layout
Efeitos CSS
- Gradientes
- Transformações 2D
- Transformações 3D
- Transições
- Animações
Rigor e idiossincrasias de browsers
- Aplicando montagens rigorosas com Pixelperfect
- Hacks e dicas de comportamento de browsers
Desempenho
- Medição de tempo de carregamento com ySlow e Firebug
- Otimização de código e imagens