Clase 22 de 56 • Curso Definitivo de HTML y CSS
Contenido del curso
Este curso tiene una versión actualizada.
HTML y CSS: Fundamentos para Desarrolladores Web
Fundamentos del Desarrollo Frontend: Tecnologías y Prácticas Esenciales
Fundamentos del Desarrollo Backend
Comprende el Rol y las Habilidades de un Desarrollador Full Stack
Diferencias entre Páginas Web Estáticas y Dinámicas
Creación de Formularios Web Efectivos con HTML
Creación de Formularios HTML con Campos de Fecha y Hora
Autocompletado y Requerimiento en Formularios HTML
Creación de Menús Desplegables con Select y Data List en HTML
Diferencias entre botones submit e input en formularios HTML
Introducción a CSS: Estilos y Aplicaciones Básicas
Implementación Básica de CSS en HTML
Pseudo Clases y Pseudo Elementos en CSS
Anatomía de una Regla CSS: Selectores y Declaraciones
Modelo de Caja en CSS: Margen, Relleno y Bordes
Herencia en CSS: Cómo Funciona y Afecta a los Estilos
Especificidad y Orden de Declaración en CSS
Especificidad y Orden en CSS: Crear y Aplicar Estilos Correctamente
Buenas prácticas en CSS: Especificidad y uso adecuado de selectores
Combinadores CSS: Hermanos Adyacentes y Especificidad
Selectores de Hermano General en CSS: Uso y Ejemplos Prácticos
Combinadores CSS: Hijos y Descendientes
Medidas Absolutas y Relativas en CSS: Píxeles y Porcentajes
Comprensión del uso de em en CSS: medidas relativas de fuente
Uso de REM en CSS para Fuentes y Dimensiones
"Uso de Viewport y Dimensiones en CSS: min-width, max-width, min-height"
Posicionamiento en CSS: Static, Absolute y Relative
CSS: Display Block, Inline e Inline-Block
Posicionamiento de Layout Básico en CSS
Posicionamiento y Estilos con Display Flex en CSS
Posicionamiento Vertical con Flexbox en CSS
Uso de Variables Custom en CSS para Optimizar Estilos
Fuentes y Web Fonts en CSS: Cómo Seleccionarlas y Aplicarlas
Responsive Design: Estrategias Mobile First
Patrones de Diseño Responsive: Mobile First a Desktop
Media Queries para Diseño Responsive Mobile y Tablet
Patrón Layout Shifter en Diseño Mobile First
Patrón de Diseño Responsive: Column Drop en CSS
Diseño Responsive: Estrategias y Ejemplos Prácticos
Imágenes Responsive: Uso de la Etiqueta Picture y Buenas Prácticas
CSS, o Cascading Style Sheets, es una tecnología crucial para definir la presentación visual de un sitio web. Este estándar se encarga de la apariencia de los elementos HTML, permitiendo a los desarrolladores aplicar estilos visuales sofisticados, desde colores y tipografía hasta el diseño y las dimensiones de los elementos. Queremos que nuestros proyectos no solo funcionen bien, sino que también se vean atractivos, y aquí es donde CSS entra en juego.
CSS se estructura mediante un algoritmo de "cascada" que el navegador utiliza para aplicar los estilos en un orden específico y lógico. Este mecanismo garantiza que se sobreescriban o ajusten adecuadamente los estilos cuando sea necesario, lo que permite personalizar y ajustar la presentación del contenido de manera eficiente.
Podemos comparar CSS y HTML con el proceso de escribir una carta. Si consideramos que HTML es el lápiz que nos permite plasmar la información en la hoja, CSS sería el conjunto de herramientas decorativas: los colores, adornos e incluso tijeras para personalizar y embellecer la carta. HTML estructura la información, mientras que CSS la hace visualmente atractiva.
Con los conocimientos adecuadamente aplicados, CSS resulta ser una herramienta poderosa para cualquier desarrollador web, elevando no solo la funcionalidad, sino también la experiencia visual del usuario. Sigue explorando y practicando con CSS para potenciar tus proyectos y nunca dejes de aprender; con perseverancia lograrás dominar esta importante habilidad en el desarrollo web.
