CSS avanzado

CSS como lenguaje para definir estilos y la forma en cómo se ve un sitio web ha evolucionado mucho a lo largo de la historia. Dado lo funcional de las últimas mejoras con la versión CSS3 se han generado nuevas reglas que pueden cubrir muchos aspectos que todo diseñador y desarrollador web está buscando. Con este curso podrás entender mejor los selectores, trabajar mejor con el texto y las animaciones, así como sacar el mejor provecho de los media queries para la construcción de sitios web y algunos trucos que harán que tu sitio o aplicación web luzca espectacular.

• Introducción al curso CSS avanzado

  En este capítulo vamos a dar un repaso a los pormenores del curso CSS avanzado, desde por qué es importante conocer más sobre CSS, hasta los objetivos y requisitos necesarios para que podamos aprovechar más los recursos que nos ofrece esta herramienta. También podremos conocer cómo están estructurados y cómo usar los archivos con los ejercicios base.
  • Por qué CSS: ampliando los conocimientos en la materia
     

     01:24
  • Objetivos principales del curso CSS avanzado
     

     00:55
  • Archivos base que encontraremos en el curso CSS avanzado
     

     01:13
  • Requisitos básicos antes de ver el curso CSS avanzado
     

     01:44

• Conceptos generales que veremos en el curso de CSS avanzado

  En este módulo aprenderás conceptos clave para sacar el mayor provecho de las cajas o divisiones que usas en el layout de tu sitio para poder distribuir mejor tus componentes, además de cómo usar múltiples fondos o usar el selector @.
  • Trabajar con esquinas redondeadas de un contenedor en CSS
     

     05:37
  • Aplicar sombras en cajas y textos dentro de CSS avanzado
     

     05:21
  • Flexbox: una sencilla manera de maquetar con CSS avanzado
     

     08:02
  • Flexbox: otorgar comportamientos a los ítems de diseño
     

     05:28
  • Asignar colores avanzados dentro de CSS avanzado
     

     04:30
  • Entender el funcionamiento de los fondos de pantalla en CSS
     

     05:30
  • At-rule, el selector @ dentro de CSS avanzado
     

     04:58

• Selectores y pseudo selectores dentro de CSS avanzado

  En este capítulo conocerás más sobre los selectores y pseudo selectores. Conocerás tanto su importancia como la forma en cómo podrás aplicarlos para lograr estilos que antes solo podrías hacer con JavaScript o con imágenes estáticas.
  • Universales o selectores de tipo * dentro de CSS avanzado
     

     02:54
  • Qué son los hijos dentro de CSS avanzado
     

     04:08
  • Componentes adyacentes dentro de CSS avanzado
     

     03:29
  • Agregar estilos basados en atributos de HTML con CSS
     

     05:58
  • Insertar contenido con after y before desde CSS
     

     03:48
  • Aplicar estilos según el estado de los componentes en CSS
     

     03:43
  • Estilos a primera letra y primera línea dentro de CSS
     

     01:44
  • Estilos a primer y último hijo o elemento con CSS
     

     02:47
  • Estilos según los diferentes rangos dentro de CSS
     

     02:30
  • Pares e impares, identificación de datos en pantalla en CSS
     

     05:19
  • Operaciones lógicas de negación dentro de CSS avanzado
     

     05:34

• Trabajar con módulos media queries dentro de CSS avanzado

  En este capítulo conocerás la forma de aplicar y combinar media queries para poder detectar tanto resoluciones como tamaños diferentes de pantalla y poder ofrecer los estilos adecuados según el dispositivo donde se vaya a mostrar tu sitio web.
• Viewports y diseño responsive: combinación adecuada en CSS
   

   03:54
• Estilos según el tamaño del navegador en CSS avanzado
   

   06:23
• Organización de estilos en archivos media queries con CSS
   

   05:28
• Estilos según la orientación del dispositivo en CSS
   

   04:57
• Estilos según el tamaño del dispositivo en CSS avanzado
   

   03:59
• Resolución de pantalla y retina display dentro de CSS
   

   08:26
• Conclusiones y despedida del curso CSS avanzado
   

   02:29