README.md 2.3 KB

freeCodeCamp español

Aprende HTML y CSS: Curso Desde Cero

Notas

  • Es un lenguaje basado en reglas, las cuales determinan el estilo que se aplicará a un elemento o grupo de elementos.
  • Opciones para incluir CSS dentro de un documento HTML:
    • Estilos en línea: se agregan directamente en la etiqueta de apertura del elemento HTML.
    • Etiquetas <style>...</style>: se agregan dentro de las etiquetas <head>...</head> para describir los estilos de los elementos HTML del documento.
    • Desde un archivo externo con extensión .css: es un archivo externo que define los estilos de los elementos HTML del documento.
  • Selector: define sobre qué elementos se aplicará un conjunto de reglas CSS.
  • Tipos de selectores:
    • Selector de tipo: selecciona todos los elementos que coinciden con el nombre del elemento especificado (etiqueta).
    • Selector de clase: selecciona todos los elementos que tienen el atributo class especificado.
    • Selector de ID: selecciona elementos por su valor del atributo id.
    • Selector universal: selecciona todos los elementos.
    • Selector de atributo: selecciona elementos por su atributo.
  • margin (margen): controla la cantidad de espacio entre el border de un elemento y los elementos que lo rodean.
  • Unidades absolutas (especifican exactamente su medida):
    • Pixeles
  • Unidades relativas:
    • vw (viewport): depende del tamaño de la pantalla del navegador.
    • em: depende del tamaño de la letra del contenedor.
    • rem: depende del tamaño de la letra del elemento raíz.
  • El orden de las clases agregados en el atributo class de un elemento HTML no afecta su especificidad.
  • Colores hexadecimales (#000000) en base 16 (0-9 y a-f), se compone de 3 partes:
 00   00    00
Rojo Verde Azul
  • El dígito 0 es el número más bajo en el código de colores hexadecimales, y representa la ausencia total de color.
  • El dígito F es el número más alto en el código de colores hexadecimales, y representa el brillo máximo.

Referencias