Hojas de Estilo CSS3

Este curso te enseñará a utilizar CSS3 para crear sitios web atractivos y profesionales. Aprenderás a estilizar y dar formato a páginas web utilizando selectores, reglas y propiedades CSS3. Desde los conceptos básicos hasta las técnicas avanzadas, este curso te brindará las habilidades y conocimientos necesarios para ser un diseñador web competente.

 

  • Comprender los conceptos básicos de CSS3 y su aplicación en la creación de sitios web.
  • Aprender a estilizar y dar formato a páginas web utilizando selectores, reglas y propiedades CSS3.
  • Desarrollar habilidades para crear diseños responsivos y adaptativos con CSS3.
  • Aprender a utilizar técnicas avanzadas de CSS3, como animaciones y transiciones, para mejorar la experiencia del usuario.
  • Comprender cómo integrar CSS3 con HTML5 para crear sitios web profesionales y atractivos.
  • Desarrollar habilidades para crear y desplegar sitios web estéticamente atractivos y funcionales utilizando CSS3.

UNIDAD.- Introducción a CSS3

  • ¿Qué es CSS3?
  • Selectores CSS3
  • Selectores relacionales
  • Selectores de atributo
  • Pseudo-clases
  • Pseudo-clases estructurales
  • Pseudo-elementos y contenido generado
  • Contenido generado

UNIDAD.- Colores y texto en CSS3

  • Colores HSL
  • Colores HSLA
  • Colores RGBA
  • Opacidad
  • Text-shadow
  • Text-overflow
  • Rotura de palabras largas
  • Web Fonts
  • Border-Radius
  • Sombras

UNIDAD.- Degradados en CSS3

  • Degradados lineales
  • Degradados radiales
  • Degradados lineales de repetición
  • Degradados radiales de repetición
  • Múltiples imágenes de fondo
  • Tamaño de fondo

UNIDAD.- Transformaciones y Transiciones

  • Transiciones
  • Transition-property
  • Transition-duration
  • Transition-timing-function
  • Transition-delay
  • La propiedad abreviada transition
  • Múltiples transiciones
  • Transformaciones
  • Traslación
  • Escalar
  • Rotación
  • Inclinación
  • Cambiar el origen de la transformación

UNIDAD.- Animaciones en CSS3

  • Animaciones
  • Fotogramas clave
  • Propiedad animation-name
  • Propiedad animation-duration
  • Propiedad animation-timing-function
  • Propiedad animation-iteration-count
  • Propiedad animation-direction
  • Propiedad animation-delay
  • Propiedad animation-fill-mode
  • Propiedad animation-play-state
  • Propiedad abreviada animation

UNIDAD.- Fuentes y Diseño multicolumna en CSS3

  • Importar fuentes tipográficas mediante Font-face
  • Aplicar la fuente
  • Tipos de fuentes y navegadores
  • La propiedad column-count
  • La propiedad column-gap
  • La propiedad column-width
  • La propiedad abreviada
  • Columnas y la propiedad height
  • Propiedad column-rule
  • Salto de columna
  • Inserción de imágenes
  • Textos multicolumna

Deja un comentario

Tu dirección de correo electrónico no será publicada. Los campos obligatorios están marcados con *

Scroll al inicio