CSS desde cero

Aprenderemos qué es CSS y escribiremos nuestras primeras líneas de código.

• 1.1 - Introducción
  4:38
• 1.2 - Requisitos para el curso
  5:24
• 1.3 - Historia de CSS
  10:42
• 1.4 - Módulos CSS
  2:39
• 1.5 - Conectar HTML y CSS
  14:23
• 1.6 - Sintaxis de CSS
  10:40
• 1.7 - Variables CSS
  6:14

Con los selectores le decimos al navegador a qué elementos aplicar nuestros estilos.

• 2.1 - Estilos del navegador
  6:44
• 2.2 - Selectores
  4:57
• 2.3 - Selectores simples: etiqueta
  3:39
• 2.4 - Selectores simples: clases
  6:43
• 2.5 - Selectores simples: Id
  4:41
• 2.6 - Selectores compuestos: agrupados
  2:10
• 2.7 - Selectores compuestos: combinados
  2:54
• 2.8 - Selectores compuestos: descendientes
  3:08
• 2.9 - Selectores con operadores + > ~ *
  7:31
• 2.10 - Selectores de atributos
  6:07
• 2.11 - Selector de atributos con comodines
  7:30

Si comprendes estos tres conceptos nunca tendrás problemas con CSS.

• 3.1 - ¿Cómo funciona CSS?
  4:10
• 3.2 - Especificidad
  13:12
• 3.3 - Cascada
  6:58
• 3.4 - Estilos computados
  4:35
• 3.5 - Herencia
  11:58

El box model es la base para entender cómo se dibujan los elementos en la pantalla.

• 4.1 - Elementos de línea y de bloque
  17:42
• 4.2 - Propiedad display
  8:18
• 4.3 - Margin
  18:38
• 4.4 - Padding
  6:30
• 4.5 - Bordes
  2:13
• 4.6 - Propiedad box-sizing
  5:10

Como usar bordes y sombras a las cajas.

• 5.1 - border
  21:08
• 5.2 - Border radius
  29:40
• 5.3 - Outline
  4:16
• 5.4 - Box shadow
  22:55

Aplica lógica avanzada a tus selecciones detectando estados de los elementos.

• 6.1 - ¿Qué son las pseudoclases?
  9:34
• 6.2 - :hover :active :visited
  7:58
• 6.3 - :target :not :empty
  13:23
• 6.4 - :first-child :last-child :first-of-type :last-of-type
  6:19
• 6.5 - :nth-child :nth-of-type
  16:52

¿Cómo aplicar fondos a los elementos y cómo manipularlos?

• 7.1 - background-color
  8:30
• 7.2 - background-size
  8:56
• 7.3 - background-position
  5:04
• 7.4 - background-clip y background-origin
  12:22
• 7.5 - background-attachment
  6:29
• 7.6 - Background multiples
  5:01
• 7.7 - Shorthand background
  6:35

Aprende los diferentes modos de color y cómo aplicarlos con CSS.

• 8.1 - Currentcolor
  7:29
• 8.2 - Color keywords
  3:19
• 8.3 - Modo RGB
  16:42
• 8.4 - Notación Hexadecimal
  11:01
• 8.5 - Modo HSL
  12:02
• 8.6 - Degradados lineales
  12:14
• 8.7 - Degradados radiales
  17:27
• 8.8 - Degradados repetidos
  6:05
• 8.9 - Ejercicio Ying-Yang
  11:24

Con CSS puedes darle estilos a tus textos como en un programa de diseño.

• 9.1 - Conceptos básicos de tipografía
  16:24
• 9.2 - Unidades de medida em y rem
  14:47
• 9.3 - Estilos básicos de texto
  14:33
• 9.4 - Font Family
  11:19
• 9.5 - Sombras de texto
  10:49