Curso «CSS: Posicionamiento de elementos»
Actualizado
Access this and all courses with a subscription
Incluye
Descripción
En este curso, aprenderás sobre el posicionamiento de elementos. Aprenderás nuevos contenidos sobre el uso del posicionamiento relativo y absoluto. Al final, serás capaz de colocar elementos en la página, así como crear ventanas modales. El posicionamiento es útil si decides crear estilos gráficos complejos y también trabajar con animaciones. Los conocimientos de este curso ayudan a los programadores a controlar la ubicación de los elementos en la página y cambiar su posición de forma independiente, sin importar su ubicación en HTML. Este curso es adecuado para todos los desarrolladores principiantes. Para facilitar el aprendizaje, es recomendable tener conocimientos básicos de maquetación de texto.
Qué aprenderás
- Controlar el flujo del documento, comprendiendo cómo funciona el navegador.
- Aplicar en la práctica todos los tipos de posicionamiento de elementos HTML.
- Crear páginas interactivas, comprendiendo la esencia de la maquetación.
Lecciones del curso
1 | Introducción Aprender sobre el curso de posicionamiento CSS. |
2 | Flujo del documento Aprender cómo los navegadores muestran HTML y qué es el flujo normal del documento. |
3 | Posicionamiento relativo Aprender a utilizar el posicionamiento relativo y conocer sus características. |
4 | Posicionamiento absoluto Aprender cómo sacar un elemento del flujo normal. |
5 | Posicionamiento relativo y absoluto Aprender sobre la relación entre el posicionamiento absoluto y relativo. Aprender a posicionar un elemento de forma absoluta con respecto a otro bloque. |
6 | Posicionamiento fijo Aprender a posicionar un elemento en relación al navegador mismo. |
7 | Elementos flotantes Aprender sobre los elementos flotantes y sus características. |
8 | Superposición de elementos Aprender sobre la superposición de elementos, así como la relación entre posicionamiento y superposición. |
9 | Desbordamiento En esta lección, aprenderemos a manejar el desbordamiento de contenido usando la propiedad overflow para ocultar contenido, y a utilizar text-overflow para mostrar puntos suspensivos cuando el texto no cabe en su contenedor. |
10 | Chrome DevTools 🔧 Para diseñar un sitio web, es crucial detectar errores y ajustar bloques. Antes se hacía manualmente, pero ahora los navegadores como Chrome tienen herramientas de inspección. Veamos Chrome DevTools |
Desafíos
1 | Estilización de checkbox |
2 | Menú desplegable |
3 | Posicionamiento de ventana modal |
4 | Línea de tiempo |
- Práctica en el navegador
- Acceso permanente a la teoría
- Aprende a tu ritmo
Access this and all courses with a subscription