Técnicas de desarrollo web con HTML5 y CSS3

Resumen

“Repasaremos a fondo las media queries, haciendo hincapié en las media queries de resolución, que nos darán una gran ventaja a la hora de aplicar imágenes de fondo en un entorno responsive o dependiente de la resolución. En esta lección también estudiaremos las ventajas del modelo de caja border-box.”

En esta videolección, Marta Armada aborda el tema: Box-sizing y las media queries, que forma parte del curso online de Domestika: Técnicas de desarrollo web con HTML5 y CSS3. Optimiza tus páginas web con nuevas técnicas de programación y maquetación.

Transcripción parcial del vídeo

“Si alguna vez has hecho una página responsive seguramente ya conoces cómo funcionan las media queries. En esta lección vamos a verlas más a fondo. Imaginemos que tenemos una estructura similar a esta, donde tenemos dos elementos, uno principal y uno secundario. El principal tiene un ancho del 60% y el secundario del 40%. Si queremos que a partir de determinado tamaño de ventana estos elementos dejen de flotar uno al lado del otro y se coloquen uno debajo del otro necesitaremos una media query. Las Media Queries son reglas de CSS que responden a alguna condición de la ventana. La manera de e...”

Generamos automáticamente esta transcripción y puede haber erratas.

Resumen del curso: Técnicas de desarrollo web con HTML5 y CSS3

• Nivel: Intermedio
• 98% valoraciones positivas (331)
• 8558 estudiantes
• 9 unidades didácticas
• 29 lecciones (2h 14m)
• 8 recursos adicionales

• Categoría

  Diseño Web y App

• Áreas

  CSS, Desarrollo Web, Diseño de la información, Diseño Web, HTML, Informática, Programación, UX / UI