×
 

Aplica valores de especificación de tamaños para estilos: unidades de medidas CSS

Published On Jan-29-2019

Con la finalidad de aplicar con excelencia valores de especificación de tamaños para estilos, identificaremos las unidades de medidas CSS en el diseño de páginas web. El desconocimiento del acrónimo utilizado para especificar tamaños conlleva a presentaciones de páginas web sin coordinación de los elementos. Por lo tanto, señalaremos cómo se definen porcentaje, píxel, pulgada y otras medidas, según las reglas del lenguaje CSS.

Cuando navegamos en internet visualizamos diferencias de tamaño entre imágenes y letras, las cuales son creadas con la finalidad de llamar la atención del usuario. Por lo tanto, si aplicamos esta opción a los proyectos web, resaltamos información relevante, o mostramos las imágenes con tamaños específicos, acordes con el resto del proyecto.

061-01_0601_ilu01. Diferentes unidades de medidas


Existe una diversidad de unidades de medidas, las cuales son clasificadas en dos tipos:

  • Unidad de medida absoluta: se trata de las medidas aptas para especificar tamaños similares al mundo real, es decir, son precisas. En este grupo se encuentran el píxel, la pulgada, el punto, y las medidas del sistema métrico decimal, como el centímetro y el milímetro.
  • Unidades de medida relativa: Son utilizadas para especificar tamaños variables, dependientes del tamaño de la pantalla. En este grupo se encuentra el porcentaje y las medidas relativas al tamaño de la letra.

061-01_0601_ilu02. Clasificación de unidades de medida



Todas las unidades de medida tienen una abreviatura o un acrónimo, utilizada para ingresarla en un documento CSS. Los más comunes son:

  • Píxel: se representa con px.
  • Pulgada: se representa con in, pues el término en inglés es inches.
  • Tamaños de la letra: se representan con em, donde m es el tamaño del caracter de la fuente, es decir, en el ejemplo de la siguiente imagen, tres veces el tamaño de la fuente.
  • Porcentaje: se representa con el símbolo correspondiente. Además, los acrónimos vw, vh, vmin o vmax, también son porcentajes; sin embargo, relativos a la pantalla del dispositivo.

061-01_0601_ilu03. Abreviaturas de píxel, pulgada y tamaños de letra


El porcentaje de CSS tiene varias especificaciones, cuando se refiere a:

  • Vw: es value width; en español, valor del ancho.
  • Vh: es values height; en español, valor del alto.
  • Vmin: es el valor más pequeño, indicados en vw y vh.
  • Vmax:  es el valor más alto, indicados en vw y vh.

Las unidades de medidas se encuentran especificadas en la recomendación oficial de CSS, elaborada por la organización W3C, en su página web.

061-01_0601_ilu04. Tipos de pulgada


Keynotes

  • Unidad de medida absoluta: se trata de las medidas aptas para especificar tamaños similares al mundo real, es decir, son precisas. En este grupo se encuentran el píxel, la pulgada, el punto, y las medidas del sistema métrico decimal, como el centímetro y el milímetro.
  • Unidades de medida relativa: Son utilizadas para especificar tamaños variables, dependientes del tamaño de la pantalla. En este grupo se encuentra el porcentaje y las medidas relativas al tamaño de la letra.
  • Todas las unidades de medida tienen una abreviatura o un acrónimo, utilizada para ingresarla en un documento CSS.
  • Las unidades de medidas se encuentran especificadas en la recomendación oficial de CSS, elaborada por la organización W3C, en su página web.

Reto

Realiza un resumen escrito, donde se evidencie la identificación de unidades de medidas CSS en el diseño de páginas web, según las reglas de este lenguaje.

¡Comparte el resultado final de tu reto en vKonnect y pide a un compañero comentar tu resumen para debatir de ambos!

Tiempo disponible: entre 15 y 30 minutos.

Cierre

Con la identificación de medidas, dominamos abreviaturas y acrónimos utilizados para especificar tamaños, y los aplicamos con excelencia. Por lo tanto, realizamos presentaciones de páginas web con elementos coordinados entre sí. Con paciencia, determinación y organización, obtendremos proyectos pulcros para internet.

Aplicar para una beca

Me interesa graduarme de una
carrera en VonKelemen

Vonkelemen Master Instructors

Related Videos
Evaluaciones

Published On Sep-08-2022

Integración de Sistemas

¿Cómo optimizar el uso de los atenuadores?

Published On Dec-29-2017

-Consolas de mezcla: Flujo de señal básico

TranscripciónEl atenuador en acción Los atenuadores son l

El dilema: ¿Buscar un contrato discográfico?

Published On Mar-03-2017

-Estrategias de Incursión a la Industria Musical

TranscripciónTodos los artistas se enfrentan en algún m

Variaciones en ritmo Merensongo

Published On Aug-21-2017

Arreglos de Percusión

Transcripción En este video, estudiaremos dos variaciones

Armonizando con séptimas

Published On Aug-02-2018

TM-Etapas del Proyecto Musical: Composición

Transcripción Hemos escuchado dos posibles armonizac

Introducción

Published On Jan-01-2017

-Gestión Administrativa, Creativa, de Negocio y Preproducción

Transcripción La producción musical es un proceso lleno

Implementa emisiones sonoras particulares: Voz gritada

Published On Apr-29-2020

-Visión General del Talento Musical

Al escuchar a un vocalista de música Rock hacemos caso o

Tipos de Compases

Published On Oct-10-2017

Conceptos Musicales

Transcripción Existen muchas maneras de expresar los ritm

Spoken word

Published On Dec-27-2017

-Sistemas de Sonido en Vivo y Venues

TranscripciónEn muchos venues, se llevan a cabo disertacio

Circuitos RLC básicos (Parte II)

Published On Mar-07-2017

Técnicas Aplicadas para el Sonido en Vivo

Transcripción En este punto, podríamos preguntarnos, ¿q

Corrección rítmica

Published On Mar-08-2017

Producción Musical Básica

Transcripción Los comps o tomas compilatorias son genera

Introducción

Published On Mar-09-2017

Introducción al Manejo de Presupuestos

Transcripción   Muchos de los proyectos y modelos emp

HD00203_L9_10

Published On Jun-30-2017

Producción y Diseño de Sonido para Música Electrónica

Conclusión

Published On Dec-14-2016

Edición y publicación de composiciones, negociaciones y contratos

Transcripción. Los derechos de autor son un tema import

Aumenta el impacto de las voces: función Add Random Deviations

Published On Jan-15-2020

-Melodyne: gestión de tempo, diseño de sonido y edición multipista

La duplicación de pistas para refuerzo de voces principal

BMP y EPS

Published On Nov-30-2016

Introducción a la Fotografía

Hablaremos ahora de los formatos BMP y EPS. El formato de

La visión de un ingeniero de masterización

Published On May-22-2018

Técnicas de Mastering

Transcripción ¿Cuál es la diferencia entre la visión de

Monitores: ubicación

Published On May-23-2018

Técnicas de Mastering

Transcripción ¿Cuál  es la manera correcta de ubica

Dirección de bandas marciales

Published On Mar-16-2017

Dirección Musical

Transcripción Ahora, estudiaremos la dirección de ban

Sonido sobresaturado

Published On May-25-2018

Técnicas de Mastering

Transcripción A la luz del fenómeno conocido como Loudness

Define las audiencias específicas de las campañas: grupos sociales

Published On Jan-16-2019

Introducción a las Relaciones Públicas

Cada empresa posee una audiencia específica que protagoniz

Checklist: Mezcla (aspectos técnicos/objetivos) (Parte I)

Published On Jan-17-2018

Ecualización y Compresión Aplicada

Transcripción Luego de verificar que los archivos de

Capacidad de información

Published On Oct-05-2017

Audio Digital y Psicoacústica

Transcripción Un sistema de audio digital representa los c

Duplicaciones melódicas: violas y violonchelo al unísono y a la octava

Published On Jun-21-2017

Instrumentación y Orquestación

Transcripción Tradicionalmente, los instrumentos graves c

El comienzo de la polifonía

Published On Feb-13-2020

Historia de la Música

Transcripción La idea de la ornamentación ha estado pre

Arreglo orquestal de cuartas y segundas superpuestas

Published On Jul-31-2018

Arreglos Orquestales I

Transcripción El profesional en la composición orquestal,

Conclusión

Published On Mar-15-2017

-Conceptos Básicos de Técnica e Interpretación

Transcripción La técnica de dirección se refiere a los g

Channel Strips: flujo general

Published On Nov-24-2016

Curso de Prueba Importacion

Transcripción. Además del conteo de canales, los estudi

Aumenta la cohesión rítmica: gestión de Hitpoints y creación de material de referencia

Published On Nov-28-2020

-Técnicas de postproducción

La corrección rítmica se fundamenta en un factor princip

Ritmo Bota

Published On Apr-20-2018

Arreglos de Percusión

Transcripción En este video, analizaremos el ritmo llamado

X

vonkelemen premium

Miles de vídeos HD con los secretos mejor guardados de los VonKelemen Master Instructors.

Aprende con los profesionales más importantes y relevantes del mundo,
granadores de múltiples premios Grammy y Billbord

  • más info

    Moogie Canazio

    Nathan East, Ray Charles, Sarah Vaughan, Dionne Warwick, Luis Miguel, Caetano Veloso, Eric Clapton, Diana Ross, Selena, Tom Jobim, João Gilberto, Maria Bethânia, Ivan Lins...

  • más info

    Rafa Sardina

    Stevie Wonder, D'Angelo, Lady Gaga, Celine Dion, Cristian Castro, Michael Jackson, Alejandro Fernandez, Mariah Carey, Plácido Domingo, Illya Kuriaki & The Valderramas, Shakira...

  • más info

    Sebastian Krys

    Sergio Dalma, Eros Ramazzotti, Sandy e Junior, Gloria Estefan, Carlos Vives, Shakira, Alejandro Sanz, Luis Fonsi, Vega, Kinky, Los Rabanes, Obie Bermúdez, Ricky Martin...

  • más info

    Benny Faccone

    Santana, Sting, Michael Jackson, Stevie Wonder, Dizzy Gillespie, Whitney Houston, Luis Miguel, Ricky Martin, Los Fabulosos Cadillacs, Maná, Barbra Streisand, Patti LaBelle...

  • más info

    Peter Doell

    Toto, War, Elton John, The Beach Boys, Celine Dion, Hans Zimmer, Ray Charles, Miles Davis, Marilyn Manson, R.E.M., Ben Harper, Tom Jones, Adam Lambert, Chuck Berry, Lynyrd...

  • más info

    Colin Liebich

    Brian Vibberts (ganador de múltiples premios Grammy), CJ Vanston (Productor de Toto, Chic Corea, Spinal Tap), Billy Sheehan...

  • más info

    Brent Fischer

    Usher, Paul McCartney, Robert Palmer, D’Angelo, Joao Gilberto, Carlos Santana, Raphael Saadiq, Michael Jackson, Prince, Al Jarreau, Toni Braxton, Eric Benet...

Selecciona tu membresía
MensualAnual
$29/mes $290/año
Acceso ilimitado a todo el
contenido PREMIUM
Acceso ilimitado a todo el
contenido PREMIUM
Contrato anual,
facturado mensualmente
Contrato anual,
prepagaso
Suscribirme Suscribirme
$29/mes $290/año