Inicio / Cursos / Master en CSS 2026 (Domina CSS desde CERO)

Impartido por Jordan AlexanderPago único de $2,800 MXN · acceso por 12 meses

Master en CSS 2026 (Domina CSS desde CERO)

Domina CSS3 (Desde cero a master) Curso 100% Practico [Flexbox, CSS GRID, Animaciones en CSS3, BEM, Responsive, TAILWIN]

Certificado oficial emitido por la SEPA través del Gobierno del Estado de México

12 meses de acceso En línea · 60 h 38 unidades

Inscribirme — $2,800 MXN Explorar programa

Qué aprenderás

Lo que serás capaz de hacer

Bienvenido al curso de CSS3 COMPLETO , en este curso aprenderás y dominarás CSS DESDE CERO hasta un NIVEL AVANZADO, empezaremos conociendo qué es CSS3 y creando nuestro primer archivo .css hasta crear diseños adaptables a dispositivos móviles. Este curso está estructurado paso por paso para que conozcas y aprendas CSS3 desde cero. ¿Quieres saber qué aprenderás? ? Conocerás que es CSS3 y como utilizarlo Creación de archivos .CSS Selectores en CSS3 (Desde los más básicos a avanzados) Especificidad en CSS3 Herencia en CSS3 Cascada en CSS3 Box Model en CSS3 Creación de sombras en CSS3 Bordes en CSS3 Manipulación de Textos en CSS3 Tipos de elementos en CSS3 Manipular imágenes en CSS3 Creación de sitios web Posicionamiento en CSS3 Colores en CSS3 Unidades de medida Diseño web adaptable a dispositivos móviles Metolodogía BEM Animaciones en CSS3 Cajas flexibles (Flexbox) Cuadriculas (CSS GRID) Pseudoclases en CSS3 Pseudoelementos en CSS3 Custom properties (Variables en CSS3) Tailwind CSS Al finalizar el curso habrás dominado CSS en un nivel avanzado, siendo capaz de crear cualquier proyecto desde cero, e incluso habrás aprendido el FRAMEWORK más famoso de CSS (Tailwind CSS), por lo que ESTE ES EL CURSO QUE NECESITAS PARA DOMINAR CSS. ¿Te unes al RETO de DOMINAR CSS?

Conocer que es CSS3 y en que casos se utiliza
Diseñar sitios web (DESDE CERO)
Responsive Design (Diseño adaptable)
Prescindir de Frameworks de CSS
Flexbox (Cajas flexibles)
CSS GRID

Temario

UNIDAD 1 - Introducción a CSS3 · 9 lecciones

UNIDAD 1 - Introducción a CSS3

Introducción al curso CSS3Video · 1 min
Bienvenida al curso y aviso importanteVideo · 4 min
Domina CSS con ESTE CURSO.Video · 8 min
Introducción a CSS3Video · 3 min
Aviso importante [Recursos del curso]Video · 1 min
Configurando nuestro editor de códigoVideo · 2 min
Empezando a utilizar CSS3Video · 6 min
Creando archivos CSS3Video · 3 min
Comentarios en CSS3Video · 2 min

UNIDAD 2 - Domina CSS + IA [Actualización más PRO] · 7 lecciones

UNIDAD 2 - Domina CSS + IA [Actualización más PRO]

Introducción a la secciónVideo · 2 min
IMPORTANTE (VER ANTES)Lectura · 0 min
Dominar CSS + IA (La mejor herramienta)Video · 8 min
Crea diseños con IA sin ser programadorVideo · 8 min
Como aprovechar al Maximo Stitch [Introducción a los GEMS]Video · 4 min
¿Cómo usaría esto?Video · 1 min
Crear páginas web con IA y CSS ProfesionalVideo · 10 min

UNIDAD 3 - Notebook LM · 2 lecciones

UNIDAD 3 - Notebook LM

NotebookLM para dominar CSSVideo · 12 min
Creando nuestros Notebooks (+ REGALOS )Video · 7 min

UNIDAD 4 - Creando una Landing con IA · 3 lecciones

UNIDAD 4 - Creando una Landing con IA

Creando el diseño con StitchVideo · 5 min
Creando la landing page con IAVideo · 14 min
Terminando la Landing PageVideo · 18 min

UNIDAD 5 - Cambios en Páginas · 1 lecciones

UNIDAD 5 - Cambios en Páginas

¿Cómo usar la nueva Google Fonts?Video · 2 min

UNIDAD 6 - Selectores en CSS3 · 8 lecciones

UNIDAD 6 - Selectores en CSS3

Descendencia en CSS3Video · 2 min
Empezando nuestro primer proyecto con CSS3Video · 1 min
Conociendo a los selectores en CSS3Video · 9 min
Selectores BásicosVideo · 8 min
Selectores de atributoVideo · 8 min
Selectores de atributo [#2]Video · 4 min
Selectores CombinadoresVideo · 6 min
Selectores Combinadores [#2]Video · 13 min

UNIDAD 7 - Box Model · 6 lecciones

UNIDAD 7 - Box Model

Introducción al Box ModelVideo · 11 min
Propiedad margin en CSS3Video · 9 min
Shorthand MarginVideo · 4 min
Colapso de Margenes en CSSVideo · 10 min
Padding en CSSVideo · 13 min
Border en CSSVideo · 4 min

UNIDAD 8 - Especidad herencia y cascada · 3 lecciones

UNIDAD 8 - Especidad herencia y cascada

Tipo de elementos en CSSVideo · 9 min
Cascada y especificidadVideo · 12 min
HerenciaVideo · 7 min

UNIDAD 9 - Bordes en CSS3 · 8 lecciones

UNIDAD 9 - Bordes en CSS3

Lo que aprenderás en esta secciónVideo · 1 min
Bordes en CSS3Video · 12 min
Bordes Radius en CSS3Video · 9 min
Bordes Radius en CSS3 [#2]Video · 7 min
Box shadow [Sombras en CSS3]Video · 10 min
Box shadow [Mini Practica]Video · 7 min
Box shadow [Mini Practica #2]Video · 11 min
Drop ShadowVideo · 5 min

UNIDAD 10 - Colores en CSS3 · 3 lecciones

UNIDAD 10 - Colores en CSS3

Introducción a los colores en CSS3 [RGB]Video · 10 min
Colores hexadecimales en CSS3Video · 7 min
Colores [HSL en CSS3]Video · 10 min

UNIDAD 11 - Fondos y Gradientes · 5 lecciones

UNIDAD 11 - Fondos y Gradientes

Propiedad BackgroundVideo · 12 min
Background Position y SizeVideo · 9 min
Background AtachmentVideo · 8 min
Gradientes en CSS3Video · 11 min
Gradientes en CSS3 [#2]Video · 5 min

UNIDAD 12 - Textos en CSS3 · 4 lecciones

UNIDAD 12 - Textos en CSS3

Manipular textos en CSS3Video · 9 min
Manipular textos en CSS3 [#2]Video · 7 min
Fuentes en CSS3 [Propiedad Font]Video · 12 min
Practica Textos CSS3Video · 6 min

UNIDAD 13 - Unidades de medida en CSS3 · 4 lecciones

UNIDAD 13 - Unidades de medida en CSS3

Unidad REMVideo · 8 min
Unidad EMVideo · 7 min
Limitar medidas y PorcentajesVideo · 8 min
Unidades viewportVideo · 6 min

UNIDAD 14 - Imagenes y Listas en CSS3 · 2 lecciones

UNIDAD 14 - Imagenes y Listas en CSS3

Listas e Imagenes en CSS3Video · 12 min
Galeria de Imagenes [Practica]Video · 7 min

UNIDAD 15 - Practica Textos y Fondos · 1 lecciones

UNIDAD 15 - Practica Textos y Fondos

Practica [Landing Page]Video · 13 min

UNIDAD 16 - Pseudoclases en CSS3 · 6 lecciones

UNIDAD 16 - Pseudoclases en CSS3

Introducción a las pseudoclasesVideo · 10 min
Pseudoclases TargetVideo · 10 min
Pseudoclases [Formularios, Not, Root]Video · 12 min
Pseudoclase Only-of-typeVideo · 8 min
Pseudoclases TypeVideo · 11 min
Pseudoclases ChildVideo · 11 min

UNIDAD 17 - Pseudoelementos en CSS3 · 2 lecciones

UNIDAD 17 - Pseudoelementos en CSS3

Introducción a los PseudoelementosVideo · 8 min
Pseudoelementos [Before y After]Video · 10 min

UNIDAD 18 - Posicionamiento de Cajas · 7 lecciones

UNIDAD 18 - Posicionamiento de Cajas

Position RelaviteVideo · 9 min
Position AbsoluteVideo · 12 min
Position Fixed y Z-indexVideo · 4 min
Introducción Practica PositionVideo · 1 min
Practica Posicionamiento [Section Hero]Video · 8 min
Practica Posicionamiento [Section Hero #2]Video · 5 min
Practica Posicionamiento [Menú de navegación]Video · 9 min

UNIDAD 19 - Variables · 4 lecciones

UNIDAD 19 - Variables

Introducción a las variables en CSS3Video · 11 min
Variables en CSS3 [Fallbacks y Scope]Video · 8 min
Introducción Practica VariablesVideo · 0 min
Practica Variables [Formulario de Contacto]Video · 12 min

UNIDAD 20 - Diseño adaptable a dispositivos móviles RERSPONSIVE DESIGN · 4 lecciones

UNIDAD 20 - Diseño adaptable a dispositivos móviles RERSPONSIVE DESIGN

Introducción al diseño adaptableVideo · 12 min
Media Queries en CSS3Video · 11 min
Media Queries en CSS3 #2Video · 12 min
Practica [Responsive Design]Video · 5 min

UNIDAD 21 - Metodología BEM · 1 lecciones

UNIDAD 21 - Metodología BEM

BEMVideo · 10 min

UNIDAD 22 - Flexbox · 22 lecciones

UNIDAD 22 - Flexbox

Introducción a FlexboxVideo · 9 min
Direccionamiento en FlexboxVideo · 8 min
Flujo en FlexboxVideo · 7 min
Alineamiento en Flexbox [Eje principal]Video · 7 min
Alineamiento en Flexbox [Eje secundario]Video · 8 min
Flexbox en Gooogle ChromeVideo · 4 min
Propiedades de los Flex Items [Order]Video · 7 min
Flex-Grow & Flex-ShrinkVideo · 10 min
Flex-BasisVideo · 5 min
Alineamiento de los Flex-ItemsVideo · 7 min
GAP en FlexboxVideo · 5 min
Imágenes en FlexboxVideo · 6 min
PRACTICA FLEXBOX [Landing Page]Video · 0 min
PRACTICA FLEXBOX [Landing Page] #1Video · 5 min
PRACTICA FLEXBOX [Landing Page] #2Video · 6 min
PRACTICA FLEXBOX [Landing Page] #3Video · 5 min
PRACTICA FLEXBOX [Galería de imágenes]Video · 0 min
PRACTICA FLEXBOX [Galería de imágenes] #1Video · 7 min
PRACTICA FLEXBOX [Galería de imágenes] #2Video · 3 min
PRACTICA CARDS FLEXBOXVideo · 0 min
PRACTICA FLEXBOX [CARDS]Video · 8 min
Z-index en FlexboxVideo · 4 min

UNIDAD 23 - Practica CARDS · 4 lecciones

UNIDAD 23 - Practica CARDS

Introducción Practica CardsVideo · 0 min
Cards1Video · 10 min
Cards 2Video · 12 min
Cards 3Video · 4 min

UNIDAD 24 - Primer Website con Flexbox · 11 lecciones

UNIDAD 24 - Primer Website con Flexbox

¿Qué haremos en esta sección?Video · 1 min
Entendiendo como diseñar la página webVideo · 3 min
Obteniendo los recursos para el proyectoVideo · 8 min
Creando el HTML de HeaderVideo · 7 min
Agregando el CSS a HeaderVideo · 10 min
Creando la Sección AboutVideo · 9 min
Creando la Sección CardsVideo · 10 min
Creando la Sección GaleriaVideo · 6 min
Terminando el Footer de la PáginaVideo · 11 min
Empezando a Adaptar a Dispositivos MóvilesVideo · 14 min
Terminando el Diseño AdaptableVideo · 5 min

UNIDAD 25 - CSS GRID · 13 lecciones

UNIDAD 25 - CSS GRID

Conceptos Básicos de CSS GRIDVideo · 7 min
¿Qué son las líneas en CSS GRID?Video · 3 min
Introducción a CSS GRIDVideo · 7 min
Creando columnas en CSS GRIDVideo · 9 min
Valores en CSS Grid y Creación de filasVideo · 9 min
Posicionamiento por lines en CSS GRIDVideo · 8 min
SPAN y números negativos en CSS GRIDVideo · 9 min
Gutters o EspaciadoresVideo · 4 min
El flujo en CSS GRIDVideo · 11 min
DENSE en CSS GRIDVideo · 4 min
Introducción a las Grid areasVideo · 8 min
Creando Grid AreasVideo · 9 min
Grid Areas [Practica]Video · 4 min

UNIDAD 26 - CSS GRID [Avanzado] · 9 lecciones

UNIDAD 26 - CSS GRID [Avanzado]

Nombrando líneas en GRIDVideo · 9 min
Creando Grid Areas ImplícitasVideo · 8 min
Nombrando líneas con repeatVideo · 6 min
Creando Nombres de Línea ImplícitasVideo · 5 min
Valores dinámicos para TracksVideo · 6 min
Auto Fill y Auto FitVideo · 10 min
Justify-items & Align-ItemsVideo · 4 min
Alineación, Ordenamiento y z-indexVideo · 9 min
Propiedades Grid ItemsVideo · 4 min

UNIDAD 27 - Practicas CSS GRID · 12 lecciones

UNIDAD 27 - Practicas CSS GRID

Descarga los archivos de la secciónLectura · 0 min
Creando un formulario con CSS GRIDVideo · 7 min
Creando un formulario con CSS GRID #2Video · 8 min
Creando un formulario con CSS GRID #3Video · 7 min
Creando un formulario con CSS GRID #4Video · 5 min
Practica Card #1Video · 10 min
Practica Card #2Video · 4 min
Practicas CARDS #1Video · 9 min
Practicas CARDS #2Video · 9 min
Practica GaleriaVideo · 8 min
Practica CalendarioVideo · 6 min
Practica Calendario #2Video · 5 min

UNIDAD 28 - Clip-path · 7 lecciones

UNIDAD 28 - Clip-path

Clip-path 1Video · 7 min
Clip-path 2Video · 8 min
Clip-path 3Video · 6 min
Clip-path 4Video · 8 min
Clip-path 5Video · 2 min
Clip-path 7Video · 5 min
Clip-path 6Video · 5 min

UNIDAD 29 - Transformaciones · 4 lecciones

UNIDAD 29 - Transformaciones

Introducción a las Transformaciones (Translate)Video · 8 min
Transformaciones (Rotate, Scale, Skew)Video · 8 min
Trucos y Consideraciones TransformVideo · 5 min
Transform OriginVideo · 5 min

UNIDAD 30 - Transiciones · 7 lecciones

UNIDAD 30 - Transiciones

Proceso de RenderizaciónVideo · 9 min
Introducción a las TransicionesVideo · 3 min
Empezando con las transicionesVideo · 7 min
Transition Property & DurationVideo · 6 min
Timing FunctionVideo · 10 min
Transition DelayVideo · 5 min
Practica TransitionVideo · 8 min

UNIDAD 31 - Animaciones en CSS · 4 lecciones

UNIDAD 31 - Animaciones en CSS

Introducción a las animaciones en CSSVideo · 6 min
Empezando a trabajar con animaciones en CSSVideo · 6 min
Propiedades de animacionesVideo · 9 min
Propiedades de animaciones #2Video · 9 min

UNIDAD 32 - Practica Animaciones y Transiciones · 27 lecciones

UNIDAD 32 - Practica Animaciones y Transiciones

Descarga los archivos de la secciónLectura · 0 min
Practica Card OverlayVideo · 0 min
Card Overlay con CSSVideo · 10 min
Practica Efecto LightboxVideo · 0 min
Efecto Lightbox con CSSVideo · 8 min
Practica Galería de Imágenes LightboxVideo · 0 min
Galería de Imágenes [Efecto Lightbox]Video · 7 min
Galería de Imágenes [Efecto Lightbox] #2Video · 6 min
Galería de Imágenes [Efecto Lightbox] #3Video · 4 min
Practica Landing Page AnimadaVideo · 0 min
Landing Page Animada #1Video · 10 min
Landing Page Animada #2Video · 4 min
Landing Page Animada #3Video · 4 min
Landing Page Animada #4Video · 0 min
Practica Menú AnimadoVideo · 0 min
Menú Animado #1Video · 6 min
Menú Animado #2Video · 7 min
Practica ModalVideo · 0 min
Modal Animado #1Video · 6 min
Modal Animado #2Video · 10 min
Practica Animando SVGVideo · 0 min
Animando elementos SVG #1Video · 10 min
Animando elementos SVG #2Video · 8 min
Formulario IntroVideo · 1 min
Creando el Formulario AnimadoVideo · 10 min
Dando estilos al FormularioVideo · 5 min
Animando el Formulario y AdaptandoVideo · 7 min

UNIDAD 33 - Animaciones con Clip-path · 12 lecciones

UNIDAD 33 - Animaciones con Clip-path

Archivos de la secciónLectura · 0 min
INTRO [Dibujando libreta ANIMADA CSS]Video · 0 min
Dibujando una libreta con CSSVideo · 9 min
Animando libreta con CSSVideo · 6 min
INTRO [Modal Animado]Video · 0 min
Creando un modal animadoVideo · 10 min
Creando un modal animado #2Video · 9 min
INTRO [Botones Animados]Video · 0 min
Botones Animados Clip-pathVideo · 9 min
INTRO [Menú Animado]Video · 0 min
Creando un menú animadoVideo · 9 min
Creando un menú animado #2Video · 10 min

UNIDAD 34 - PRIMERA PRACTICA FRONTEND MENTOR · 15 lecciones

UNIDAD 34 - PRIMERA PRACTICA FRONTEND MENTOR

FrontendMentor nuestro mejor amigoVideo · 2 min
Empezando nuestro primer proyecto [Huddle]Video · 4 min
Empezando el HTML del Proyecto [Huddle]Video · 6 min
Creando el Main del proyecto [Huddle]Video · 5 min
Terminando el Main del proyecto [Huddle]Video · 4 min
Creando el Footer del proyecto [Huddle]Video · 6 min
Empezando los estilos del Proyecto [Huddle]Video · 5 min
Dando estilos al Header del Proyecto [Huddle]Video · 6 min
Terminando los estilos del Header [Huddle]Video · 4 min
Dando estilos a la sección Main [Huddle]Video · 5 min
Dando estilos al Footer [Huddle]Video · 4 min
Terminando los estilos del proyecto [Huddle]Video · 3 min
Adaptando a una vista de escritorio [Huddle]Video · 10 min
Corrección Proyecto [Huddle]Video · 1 min
El siguiente retoVideo · 1 min

UNIDAD 35 - SEGUNDA PRACTICA FRONTEND MENTOR · 8 lecciones

UNIDAD 35 - SEGUNDA PRACTICA FRONTEND MENTOR

Introducción al proyectoVideo · 0 min
Empezando el proyectoVideo · 2 min
Creando el Hero de nuestro proyectoVideo · 8 min
Creando la sección principalVideo · 5 min
Terminando la sección prinicipalVideo · 8 min
Empezando el footer de la secciónVideo · 8 min
Terminando el footer de la secciónVideo · 4 min
Adaptando a dispositivos móvilesVideo · 5 min

UNIDAD 36 - TERCERA PRACTICA FRONTEND MENTOR · 9 lecciones

UNIDAD 36 - TERCERA PRACTICA FRONTEND MENTOR

Preview del proyectoVideo · 0 min
Preparando la Landing PageVideo · 4 min
Crear el menú de navegaciónVideo · 8 min
Creando la sección HeroVideo · 7 min
Creando la sección de serviciosVideo · 7 min
Creando la sección de articulosVideo · 8 min
Creando el FooterVideo · 7 min
Adaptando a dispositivos movilesVideo · 9 min
Terminando el proyectoVideo · 3 min

UNIDAD 37 - Tailwind · 9 lecciones

UNIDAD 37 - Tailwind

¿Qué es Tailwind?Video · 4 min
Introducción a TailwindVideo · 5 min
¿Cómo funcionan las clases de utilidad?Video · 3 min
Instalando TailwindVideo · 13 min
Conociendo TailwindVideo · 12 min
Comenzando un proyecto con TailwindVideo · 6 min
Terminando nuestro proyecto con TailwindVideo · 7 min
Personalizar TailwindVideo · 13 min
Personalizar Tailwind #2Video · 8 min

UNIDAD 38 - Creando un Proyecto con Tailwind · 5 lecciones

UNIDAD 38 - Creando un Proyecto con Tailwind

Configurando el proyecto con TailwindVideo · 7 min
Creando el menú de navegación con Tailwind y JSVideo · 13 min
Creando la sección principal del proyectoVideo · 7 min
Terminando el proyectoVideo · 8 min
Adaptando el proyecto a dispositivos móviles.Video · 8 min

Certificado oficial

Tu certificado lo emite la SEP, no solo una plataforma

Al demostrar la competencia recibes un certificado emitido por la Secretaría de Educación Pública a través del Gobierno del Estado de México: un documento oficial que puedes presentar con confianza ante cualquier empleador o institución.

Tu certificado con INEC

Lo emite la Secretaría de Educación Pública (SEP), a través del Gobierno del Estado de México
Documento oficial con folio verificable en línea
Lo otorga la Universidad Tecnológica Fidel Velázquez

Otras plataformas en línea

Constancia privada emitida por la misma plataforma
Solo acredita horas cursadas o asistencia
Sin respaldo de una autoridad educativa

Cómo funciona

Tu itinerario, de la inscripción al certificado

1
Inscripción con pago único
Pagas $2,800 MXN una sola vez y entras de inmediato al curso.
2
Estudias a tu ritmo
38 unidades con videos, lecturas y actividades, disponibles 24/7 durante 12 meses.
3
Cuestionarios por unidad
Cuestionarios para comprobar lo aprendido.
4
Certificado
Emitido por la SEP a través del Gobierno del Estado de México, con folio verificable.

Lo que obtienes

Un certificado oficial de la SEP

Muestra del certificado: Master en CSS 2026 (Domina CSS desde CERO)

Muestra · verificable por folio y QR

Emitido por la Secretaría de Educación Pública (SEP), a través del Gobierno del Estado de México. No es una constancia privada: es un documento oficial, y ese respaldo marca la diferencia frente a otras plataformas en línea.
Contenido impartido por Jordan Alexander.
Folio y QR verificables para compartirlo con quien te contrate.

Medios que necesitas

Equipo de cómputo Conexión estable a internet

Pago único

Empieza hoy, a tu ritmo

Un solo pago y acceso inmediato al curso completo durante 12 meses.

38 unidades · 268 lecciones · 60 h
12 meses de acceso
Certificado emitido por la SEP (Gob. del Estado de México) con folio verificable