CSS (Hojas de Estilo en Cascada) es el lenguaje que permite definir la presentación visual de una página web. Con él podrás controlar colores, tipografías, espacios, bordes y distribución de los elementos para crear páginas claras, atractivas y adaptables a diferentes dispositivos.
¿Estás listo para aprender a dar estilo a tus páginas web?
Este curso está dirigido a estudiantes de secundaria, universitarios, estudiantes de formación técnica y cualquier persona interesada en aprender los fundamentos de CSS. Se recomienda tener conocimientos básicos de HTML, ya que CSS se utiliza para definir la presentación visual de los elementos de una página web.
Se recomienda conocer los fundamentos de HTML, incluidos la estructura de un documento, las etiquetas y los atributos básicos. También es conveniente tener habilidades básicas para navegar por Internet, administrar archivos y carpetas y utilizar un editor de texto o código. Los requisitos específicos de ingreso deben confirmarse con CENTENARIA antes de la inscripción.
Este curso presenta los fundamentos de las Hojas de Estilo en Cascada (CSS) y su aplicación a documentos HTML. El contenido se organiza en cuatro módulos: introducción a CSS; estilos de texto y colores; modelo de caja, bordes y posicionamiento; y selectores y especificidad. Los estudiantes aprenderán a crear reglas de estilo, organizar la presentación de los elementos y comprender cómo se aplican y resuelven los conflictos entre distintas reglas CSS. El diseño responsivo puede practicarse mediante ejemplos y actividades, según el alcance de la capacitación.
El objetivo del curso es proporcionar una base práctica en CSS para que los estudiantes puedan controlar la presentación visual de documentos HTML. Al completar la capacitación, se espera que puedan:
Para realizar las actividades prácticas, se recomienda contar con:
No se ha confirmado un requisito oficial de memoria RAM ni de procesador para esta capacitación. Los requisitos técnicos definitivos dependerán de las herramientas utilizadas y de la modalidad del curso.
| Módulo/Tema | Descripción |
|---|---|
| Módulo 1: Introducción a CSS | |
| 1.1 Fundamentos de las Hojas de Estilo en Cascada (CSS) | Introducción a CSS, su función en el diseño y la presentación de páginas web, y su importancia para controlar la apariencia visual de los elementos HTML. |
| 1.2 Diferencias entre HTML y CSS | Comprensión de las funciones de HTML para estructurar el contenido y de CSS para definir su presentación visual, incluyendo la forma en que ambas tecnologías trabajan conjuntamente en el desarrollo web. |
| 1.3 Formas de aplicar CSS | Uso de estilos en línea mediante el atributo style, hojas de estilo internas mediante la etiqueta <style> y hojas de estilo externas vinculadas con <link>. |
| 1.4 Sintaxis y estructura de las reglas CSS | Identificación de selectores, propiedades y valores; comprensión de las declaraciones CSS y creación de reglas para modificar la apariencia de los elementos de una página web. |
| Módulo 2: Estilos de texto y colores | |
| 2.1 Propiedades tipográficas y estilos de texto | Configuración del tipo y tamaño de fuente, peso, estilo, alineación, altura de línea y espaciado entre letras y palabras para mejorar la legibilidad y presentación del contenido. |
| 2.2 Colores de texto y fondos | Aplicación de colores mediante nombres, valores hexadecimales, funciones RGB y HSL, y uso de las propiedades color y background-color para definir el aspecto visual de los elementos. |
| 2.3 Fondos, bordes, gradientes y sombras | Uso de propiedades como background, border, border-radius, box-shadow y gradientes CSS para crear diseños con fondos personalizados, bordes redondeados y efectos visuales. |
| 2.4 Unidades y valores CSS | Uso de unidades absolutas y relativas, como px, em, rem, porcentajes y unidades de ventana gráfica, para controlar dimensiones, tamaños de texto y otros aspectos de la presentación. |
| Módulo 3: Modelo de caja, bordes y posicionamiento | |
| 3.1 Fundamentos del modelo de caja CSS | Comprensión de las cuatro áreas del modelo de caja: contenido, relleno (padding), borde (border) y margen (margin), y su influencia en el tamaño y la distribución de los elementos. |
| 3.2 Control de dimensiones y tamaño de los elementos | Configuración del ancho, alto, ancho máximo y alto máximo mediante propiedades como width, height, max-width y min-height, así como uso de box-sizing para controlar el cálculo de las dimensiones. |
| 3.3 Propiedades de visualización y posicionamiento | Uso de display para controlar cómo se muestran los elementos y de position, top, right, bottom y left para establecer su ubicación dentro de la página. |
| 3.4 Distribución y separación de contenidos | Aplicación de márgenes, rellenos y bordes para organizar los elementos, mejorar la separación entre componentes y crear estructuras visuales claras y ordenadas. |
| Módulo 4: Selectores, cascada y especificidad | |
| 4.1 Selectores básicos de CSS | Uso de selectores de elementos, clases e identificadores para aplicar estilos a etiquetas HTML y a grupos o elementos específicos de una página web. |
| 4.2 Selectores avanzados, combinadores y pseudoclases | Introducción a los selectores de atributos, combinadores de descendencia, hijo directo y hermanos, así como pseudoclases como :hover, :focus y :first-child. |
| 4.3 Cascada, herencia y especificidad | Comprensión de cómo CSS determina qué reglas se aplican cuando existen declaraciones en conflicto, considerando el origen de los estilos, la importancia, la especificidad y el orden de aparición, además de las propiedades que se heredan entre elementos. |
| 4.4 Identificación y resolución de conflictos CSS | Inspección de reglas aplicadas mediante las herramientas de desarrollador del navegador, identificación de declaraciones sobrescritas y corrección de problemas relacionados con selectores, herencia y especificidad. |
| 4.5 Introducción al diseño adaptable | Fundamentos del diseño responsivo mediante unidades relativas, reglas @media y ajustes de estilos según el tamaño de pantalla, para mejorar la visualización en computadoras, tabletas y dispositivos móviles. |
Si deseas conocer más detalles sobre el contenido, los requisitos, la duración o la modalidad del curso, puedes contactarnos mediante el siguiente botón:
Contáctanos