Publicidad
Publicidad

Curso Completo de CSS de principiante a avanzado - CURSO de CSS - 23 ¿Que es una UNIDAD de MEDIDA ADSOLUTA en CSS? (PX, CM, MM)

Miniatura del vídeo

Clase: Introducción a las Unidades de Medida Absolutas en CSS

Domina el uso de unidades de medida absolutas en CSS como píxeles (px), centímetros (cm) y milímetros (mm). Aprende cómo el navegador las procesa y estandariza.

En el desarrollo web, la correcta configuración de tamaños es fundamental para el diseño visual. Esta lección explora el funcionamiento de las unidades de medida llamadas "absolutas", las cuales poseen una naturaleza fija en la pantalla, y analiza por qué el píxel se ha consolidado como el estándar principal dentro de los navegadores modernos para garantizar la consistencia visual.

Puntos Clave de la Lección

  • Definición de unidades absolutas: Son valores fijos que se visualizan de manera constante en la mayoría de los dispositivos, a diferencia de las unidades relativas. [00:00:13]
  • El estándar del píxel (px): El píxel es la medida base en CSS, ya que el navegador convierte internamente otras unidades (como cm o mm) a píxeles para su renderizado. [00:00:32]
  • Uso de medidas físicas (cm y mm): Se pueden definir valores de altura (height) y anchura (width) utilizando centímetros y milímetros, los cuales se calculan como píxeles al inspeccionar el elemento. [00:01:33]
  • Otras unidades absolutas (in, pt, pc): CSS también admite pulgadas (in), puntos (pt) y picas (pc), las cuales son poco frecuentes en proyectos web actuales, pero útiles de conocer por compatibilidad. [00:04:24]
  • Visualización en herramientas de desarrollo: Al inspeccionar un elemento, se puede observar cómo el navegador convierte automáticamente cualquier unidad absoluta al valor equivalente en píxeles. [00:05:16]

Productos útiles para este curso

Para seguir esta clase, se recomienda contar con un editor de código funcional (como Visual Studio Code) y un navegador web moderno equipado con herramientas para desarrolladores, esenciales para inspeccionar el cálculo de las propiedades CSS.

Resumen Final

Las unidades de medida absolutas permiten definir tamaños específicos en CSS, pero su uso práctico se limita generalmente a los píxeles. El navegador realiza una conversión automática de todas las medidas (cm, mm, in, pt, pc) a píxeles, convirtiendo a este último en el estándar de facto para la estilización. Comprender este proceso es esencial para gestionar correctamente el modelo de caja y el diseño de interfaces.

Créditos del Autor

Esta lección ha sido adaptada del contenido original creado por el canal, especializado en desarrollo web y programación frontend. Se recomienda visitar su canal oficial de YouTube para profundizar en estos contenidos.

23. CURSO de CSS - 23 ¿Que es una UNIDAD de MEDIDA ADSOLUTA en CSS? (PX, CM, MM)

Contenido

Guarda tu progreso

Presiona Ctrl + D para favoritos.

Ver otros cursos