NUEVO CURSO DE CSS ACTUALIZADO 2021
  • Presentación
  • Requisitos mínimos
  • ¿Qué es CSS? Historia y estado actual de CSS
  • Instalaciones necesarias para el curso
  • Unir HTML y CSS
  • Sintaxis de CSS
  • Tipos de selectores
  • Selectores elementales
  • Selectores de Id y selectores de clase
  • Selector de atributos
  • Selectores agrupados
  • Selector descendente
  • Selector de hermano y hermanos
  • Selector de hijo directo
  • Especificidad
  • Herencia
  • Estilos computados
  • Resetear los estilos del navegador
  • Prefijos propietarios
  • Box model
  • Width y height
  • Margin
  • Errores con margin
  • Padding
  • Border
  • Box sizing
  • Border radius (circular)
  • Border radius (elíptico)
  • Overflow
  • Colapsado de márgenes
  • Display
  • Outline
  • Text align
  • Box shadow
  • Introducción a position
  • Position relative
  • Position absolute
  • Position fixed
  • Position sticky
  • z index
  • Stacking context
  • Ordenar las propiedades
Repositorio del curso 2018
  • Repositorio
Introducción
  • Presentación del curso
Pseudoelementos y pseudoclases
  • Pseudoelementos
  • Pseudoclases I
  • Pseudoclases II
  • Pseudoclases III
Variables y background
  • Variables CSS
  • Background
Textos y tipografias
  • Textos y tipografias I
  • Textos y tipografias II
  • Google Fonts y @font-face
Listas, tablas, imágenes y clip-path
  • Listas
  • Tablas
  • Imágenes
  • Object-fit, object-position y filter()
  • Clip-path
Colores, border-radius, sombras, degradados, overflow y float
  • Colores
  • Box-shadow y text-shadow
  • Degradados I
  • Degradados II
Flexbox
  • Fundamentos de flexbox
  • Flex-direction y flex-wrap
  • Alinieamiento
  • flex-grow, flex-shrink, flex-basis, flex-flow y order
  • Práctica con flexbox
Grid
  • Fundamentos de grid
  • grid-column y grid-row
  • medidas y repeat()
  • implicid grid y explicit grid
  • min-max(), auto-fill y auto-fit
  • Alineamiento y order
  • Grid template areas
  • Grid lines
  • Grids anidados
  • Shorthands y grid track
  • Práctica con grid
Responsive
  • Responsive Web Design
  • Responsive sin breakpoints ni media querys
  • Videos responsive
  • Breakpoints