</> CodeBooks
    ← Volver a CSS (página 5)
    Portada de Values, Units, and Colors

    Values, Units, and Colors

    Eric A. Meyer

    Editorial
    O'Reilly
    Año
    2012
    Páginas
    ~46
    Nivel
    Intermedio

    De qué trata

    Breve referencia de Eric A. Meyer sobre los tipos de valores y unidades que aceptan las propiedades CSS, base de todo lo que se escribe en una hoja de estilos. Es un extracto de la cuarta edición de «CSS: The Definitive Guide» y refleja el estado de CSS3 en 2012. Está dirigido a desarrolladores y maquetadores de nivel intermedio que usan CSS a diario pero quieren entender con exactitud cómo funcionan las unidades y los colores.

    El único capítulo recorre los valores de texto (palabras clave como inherit e initial, cadenas, URLs, imágenes e identificadores), los números enteros, los números reales y los porcentajes, y las distancias: unidades absolutas, la teoría del píxel CSS, unidades de resolución (dpi, dpcm, dppx) y unidades relativas como em, ex, rem, ch y las relativas al viewport (vw, vh, vmin). La parte de color explica los colores con nombre, RGB en notación funcional y hexadecimal, RGBa, HSL y HSLa, e incluye una tabla de equivalencias de color. Termina con los ángulos, los valores de tiempo y frecuencia (los que usan transiciones y animaciones) y los valores de posición.

    No hay ejercicios ni proyectos: es una referencia conceptual con ejemplos breves. Aclara confusiones frecuentes, como la diferencia entre none y 0 o entre número, entero y porcentaje, y explica bien cómo se calculan em y rem. Por su fecha, no incluye funciones como calc() en profundidad, las variables CSS (custom properties), los nuevos espacios de color (lab, lch, oklch) ni las unidades de viewport dinámicas (dvh, svh), así que conviene complementarlo con documentación actual.

    • Valores CSS
    • Unidades de longitud
    • em y rem
    • Unidades de viewport
    • Píxel CSS
    • Unidades de resolución
    • Colores RGB/RGBa
    • HSL/HSLa
    • Ángulos y tiempo
    • Palabras clave globales

    ¿Cómo enseña?

    TeóricoPráctico

    Teórico

    • ✗ Sin ejercicios
    • ✗ Sin proyectos

    Más de CSS con nivel Intermedio