1. Introducción5-mar

• ¿Qué es CSS?
• ¿Qué necesito para tomar este curso?
• Historia
• Módulos
• Primeros pasos
  • Conectar HTML y CSS
  • Sintaxis

2. Selectores7-mar

• Sencillos
  • Elemento
  • ID
  • Clases
• Agrupados
  • Descendientes
  • Hermano y hermanos siguientes
• Atributos

3. Especificidad, herencia y cascada 9-mar

• Especificidad
• Herencia
• Cascada
• Keywords initial, inherit, important.

4. Box model 12-mar

• inline, block, inline-block
• box-sizing
• margin, padding
• width, height
• Calculo de dimensiones
  • porcentaje
  • automático
  • tamaño fijo

5. Bordes y sombras21-mar

• border
• border-radius
• border-image
• outline
• box-shadow

6. Fondos23-mar

• background-color
• background-image
• background-repeat
• background-clip
• background-attachment
• background-size
• background-position
• Background múltiples
• Shorthand background

7. Texto (1)26-mar

• Alineación e interlineado
• Transformaciones y decoraciones
• Sombras
• Controlar el flujo del texto

8. Texto (2)28-mar

• Familias tipográficas
• Peso, estilos y tamaños de fuentes
• Variaciones tipográficas
• Shorthand font

9. Pseudoclases30-mar

• :root
• :hover
• :active
• :target
• :nth-child :first-child :last-child
• :nth-of-type :nth-first-of-type nth:last-of-type
• :not
• :empty

10. Pseudoelementos2-abril

• ::before
• ::after
• ::first-line
• ::first-letter

11. Listas y contadores4-abril

• Tipos de listas
• Estilos y posicion de listas
• Contadores CSS
• Tipos de contadores

12. Color6-abril

• Color keywords
• Notación hexadecimal
• rgb() y rgba()
• hsl() y hsla()
• Degradados lineales
• Degradados radiales

13. Position (1)9-abr

• Flujo y tipos de posicionamiento
• Propiedades offset
• Position relative
• Position absolute

14. Position (2)11-abr

• Position fixed
• Position sticky
• Apilamiento de capas (z-index)

15. Flexbox (1)13-abr

• Elementos de flexbox
• Containers, main axis, cross axis
• Control del flujo

16. Flexbox (2)16-abr

• Flex items
• flex-grow, flex-shrink, flex-basis
• Alineación y ordenación

17. CSS Grid (1)18-abr

• Terminología
• Definir templates
• Posicionar items
• Areas

18. CSS Grid (2)20-abr

• Grid placement
• Grid implícito y explícito
• Alineación
• Grid y flexbox
• Grid y position

19. Tablas23-abr

• Table layout
• Table sizing
• Table cells

20. Formularios25-abr

• Inputs, botones, textarea
• Labels, cursor
• Checkbox y radio
• Widgets
• Pseudoclases para formularios

21. Floats, columnas, formas27-abr

• Float, casos de uso
• Column-count
• Shapes con CSS

22. Transformaciones30-abr

• Scale
• Rotate
• Skew
• Translate
• 3D con CSS

23. Transiciones2-May

• Propiedades animables
• Propiedades, duración y aceleración
• Shorthand transition
• Transiciones en reversa
• Eventos de transiciones

24. Animaciones4-May

• Composite thread
• Propiedades de animación
• Keyframes
• Eventos de animaciones

25. Filtros7-may

• blur()
• brightness()
• contrast()
• grayscale()
• hue-rotate()
• invert()
• opacity()
• saturate()
• sepia()
• drop-shadow()
• url()

26. Blending modes9-may

• Modos de fusión
• Sobre blancos
• Sobre negros
• Sobre grises
• Fusión de fondos
• CSS vs Photoshop

27. Recortes y máscaras11-may

• Recortes con clip-path
• Concepto de máscaras
• Máscaras con CSS

28. Responsive web design14-may

• Media queries
• Feature queries
• CSS Grid en RWD
• Buenas prácticas

29. El futuro16-may

• Box aligment
• Funciones de color
• Media Queries Level 4
• Display: contents
• Contain