Skip to main content

Introducción a CSS

🏁 Objetivos​

  • Que entiendas la función de CSS dentro de un sitio
  • Que conozcas la sintaxis de CSS
  • Que te introduzcas a los conceptos fundamentales de CSS
  • Que puedas agregar estilos a un documento html
  • Que comprendas cómo funciona la especificidad y la cascada en CSS
  • Que te familiarices con alguna de las propiedades y valores de CSS

📝 Contenidos​

Agregando estilos

  • Estilos en línea
  • Estilos dentro de etiqueta style
  • Estilos en archivo externo con etiqueta link
  • Inspeccionar estilos en las herramientas de desarrollo del navegador

Sintaxis

  • Selectores, propiedades y valores
  • Selectores de etiquetas
  • Selectores de clases
  • Especificidad
  • Cascada

Colores

  • background-color
  • color
  • colores hexadecimales y nombrados
  • funciones de colores: rgb, rgba, hsl, hsla

Tipografías

  • font-family
  • font-size
  • font-style
  • line-height
  • text-align
  • Definiendo fuentes con @font-face
  • Usando Google Fonts

🚀 Recursos de la clase​

📆 Fecha

📹 Grabación

👩‍💻 Código

💪 Ejercitación

📚 Material de lectura​

En inglés

🔍 Para seguir investigando​

En inglés