Scribd Logo
Cargar

¡Te damos la bienvenida a Scribd!

  • 15 vistas

    Unidades Absolutas:: Unidad Significado Medida Aproximada

    Cargado por

    sebastian
    Este documento describe diferentes tipos de unidades de medida utilizadas en CSS. Las unidades absolutas como píxeles no cambian y no son adecuadas para la web, mientras que las unidades relativas como ems y porcentajes dependen de otros factores y son más flexibles. Las unidades flexibles como viewport width se refieren a un porcentaje del ancho de la ventana del navegador.

    Copyright:

    © All Rights Reserved
    Descargue como PDF, TXT o lea en línea desde Scribd

    Unidades Absolutas:: Unidad Significado Medida Aproximada

    Cargado por

    sebastian
    15 vistas2 páginas
    Este documento describe diferentes tipos de unidades de medida utilizadas en CSS. Las unidades absolutas como píxeles no cambian y no son adecuadas para la web, mientras que las unidades relativas como ems y porcentajes dependen de otros factores y son más flexibles. Las unidades flexibles como viewport width se refieren a un porcentaje del ancho de la ventana del navegador.

    Descripción original:

    Título original

    Untitled

    Derechos de autor

    © © All Rights Reserved

    Formatos disponibles

    PDF, TXT o lea en línea desde Scribd

    ¿Le pareció útil este documento?

    ¿Este contenido es inapropiado?

    Este documento describe diferentes tipos de unidades de medida utilizadas en CSS. Las unidades absolutas como píxeles no cambian y no son adecuadas para la web, mientras que las unidades relativas como ems y porcentajes dependen de otros factores y son más flexibles. Las unidades flexibles como viewport width se refieren a un porcentaje del ancho de la ventana del navegador.

    Copyright:

    © All Rights Reserved
    Descargue como PDF, TXT o lea en línea desde Scribd
    Descargar como pdf o txt
    15 vistas2 páginas

    Unidades Absolutas:: Unidad Significado Medida Aproximada

    Cargado por

    sebastian
    Este documento describe diferentes tipos de unidades de medida utilizadas en CSS. Las unidades absolutas como píxeles no cambian y no son adecuadas para la web, mientras que las unidades relativas como ems y porcentajes dependen de otros factores y son más flexibles. Las unidades flexibles como viewport width se refieren a un porcentaje del ancho de la ventana del navegador.

    Copyright:

    © All Rights Reserved
    Descargue como PDF, TXT o lea en línea desde Scribd
    Descargar como pdf o txt
    de 2

    ▪ Unidades Absolutas:

    Medida fija que no cambia, no depende de ningún otro factor. Ideales donde las medidas no
    varían como en medios impresos (documentos, impresiones), son unidades poco adecuadas
    para la web, ya que no pueden adaptarse a diferentes resoluciones o pantallas.

    UNIDAD SIGNIFICADO MEDIDA APROXIMADA


    in Pulgadas 1in=25.4mm
    cm Centímetros 1cm=10mm
    pc Picas 1pc=4.23mm
    mm Milímtros 1mm=1mm
    pt Puntos 1pt=0.35mm
    px Píxels 1px=0.25mm
    q Cuarto de mm 1Q=0.248mm

    px = Unidad de medida muy extendida en el desarrollo y diseño web, es una de las primeras
    que se recomienda aprender.

    ▪ Unidades Relativas:
    Medida más potente y habitual en CSS, estas dependen de algún otro factor (resolución,
    tamaño de letra). Son ideales para trabajar en dispositivos con diferentes tamaños, ya que
    son muy flexibles y versátiles.
    UNIDAD SIGNIFICADO MEDIDA APROXIMADA
    1em=tamaño de fuente establecida en
    em M
    navegador.
    1ex= ~ mitad del tamaño de fuente del
    ex X (~0.5em)
    navegador
    rem root M 1rem= tamaño de fuente personalizado
    Relativa a herencia (concretamente, al
    % Porcentaje
    elemento padre)

    em= Se utiliza para hacer referencia al tamaño actual de la fuente que ha sido establecida en
    el navegador (valor a 16px habitualmente a no ser que se modifique por el usuario).
    16px/16px= 1em
    32px/16px= 2em
    8px/16px= 0.5em
    20px/15px= 2.5em
    rem= Unidad muy práctica para tipografías, permite establecer un tamaño base
    personalizado.
    :root{
    font-size: 22px; //tamaño base
    }
    h1{
    font-size: 1rem; //22px*1 (el mismo que el tamaño base)
    }
    h2{
    font-size: 2rem; //22px*2 (el doble del tamaño base)
    }

    %= Unidad respecta a la resolución de la pantalla del dispositivo que visualiza la página HTML.
    Conforme se va haciendo más pequeña se va ajustando el tamaño del elemento.

    ▪ Unidades Flexibles:
    Dependen del viexport (región visible de la página web en el navegador). Se puede hacer
    referencia a un porcentaje concreto del tamaño especifico que tenga la ventana del
    navegador independientemente de si es redimensionado o no.
    UNIDAD SIGNIFICADO MEDIDA APROXIMADA
    vw Toma el ancho de la ventana 1vw= 1% ancho de navegador
    vh Toma el alto de la ventana 1hw= 1% alto de navegador
    Toma el alto o ancho mínimo de
    vmin 1vmin= 1% alto o ancho (el mínimo)
    la ventana
    Toma el alto o ancho máximo de
    vmax 1vmax= 1% alto o ancho (el máximo)
    la ventana

    100vw =100% del ancho del navegador (todo el ancho de la pantalla)


    50vw =50% del ancho del navegador (mitad del ancho de la pantalla)

    También podría gustarte