Video

Link al video de la clase

Código de acceso: eTVG#8rk

Resumen

En esta clase hablamos de:

HTML

• Cómo se estructura un documento HTML
• Container tags vs empty tags
• DOM (Document Object Model)

CSS 1

• Cómo se declara una regla CSS
• Selectores para tags HTML, clases e IDs
• Unidades (px, vh, vw, rem, rgb, hexa)
• Pseudo clases y pseudo elementos
• Box model
  • padding, margin, border
  • propiedad box-sizing con valor content-box vs border-box
• Cascada y especificidad

CSS 2

• Posicionamiento (propiedad display)
• Combinación de selectores
  • lista de selectores
  • descendientes
  • hijos directos (>)
  • hermanos (~)
  • hermanos adyacentes (+)

CSS 3

• Módulos independientes que incorporan distintas propiedades nuevas (por ej: border-radius o poder hacer animaciones)

Eventos

• ¿Cómo hacemos para agregar dinamismo?
  • Ejemplo de botón que cambia de color con el evento onclick utilizando JS