Variables y Unidades CSS en Introducción al CSS #css3 #css #programming

Variables y Unidades CSS en Introducción al CSS #css3 #css #programming 00:00 - Introducción 00:04 - Bienvenida 00:23 - Definición Variables CSS 01:00 - Definición Unidades CSS 01:19 - Definición Unidades Absolutas 01:32 - Definición Unidades Relativas 02:05 - Definición Unidades Viewport 02:58 - Contenido HTML5 03:39 - Contenido CSS 03:58 - Root 04:59 - Unidades Relativas 06:23 - Variables Entorno env 06:48 - Viewport 08:17 - @property 08:55 - Unidades Absolutas 09:40 - Layout Responsive 10:09 - Resumen 10:09 - Resumen 10:25 - Cierre Variables CSS Las variables CSS permiten asignar valores reutilizables a propiedades. Existen variables de entorno (guardan info del entorno de la app) y la regla @property sirve para declarar el tipo de dato y metadatos de una variable al navegador. Unidades CSS Las unidades definen dimensiones (fuentes, márgenes, anchos). Absolutas: tamaño fijo (p. ej. px), no dependen del contexto. Relativas: dependen de un valor de referencia: em (fuente del elemento padre, rem fuente raíz html, % relativo al elemento o propiedad padre. Viewport: basadas en la ventana gráfica: vw 1% del ancho, vh 1% de la altura, vmin el menor entre vw y vh, vmax el mayor entre vw y vh— por ejemplo, 100vw ocupa todo el ancho.