Ricardo García Jiménez bdcd3cfbdf fix: Corrige identación de ejemplos de código de las notas hace 1 mes
..
01-estilos-linea 939bebca04 feat: Agrega notas de la segunda parte del Curso de HTML y CSS de freeCodeCamp en español 2024 hace 1 mes
02-etiqueta-style 939bebca04 feat: Agrega notas de la segunda parte del Curso de HTML y CSS de freeCodeCamp en español 2024 hace 1 mes
03-archivo-css 939bebca04 feat: Agrega notas de la segunda parte del Curso de HTML y CSS de freeCodeCamp en español 2024 hace 1 mes
04-selector-universal 939bebca04 feat: Agrega notas de la segunda parte del Curso de HTML y CSS de freeCodeCamp en español 2024 hace 1 mes
05-selector-clase 939bebca04 feat: Agrega notas de la segunda parte del Curso de HTML y CSS de freeCodeCamp en español 2024 hace 1 mes
06-tamanio-fuente 939bebca04 feat: Agrega notas de la segunda parte del Curso de HTML y CSS de freeCodeCamp en español 2024 hace 1 mes
07-familias-tipograficas 939bebca04 feat: Agrega notas de la segunda parte del Curso de HTML y CSS de freeCodeCamp en español 2024 hace 1 mes
08-tamanio-imagenes 939bebca04 feat: Agrega notas de la segunda parte del Curso de HTML y CSS de freeCodeCamp en español 2024 hace 1 mes
09-bordes 939bebca04 feat: Agrega notas de la segunda parte del Curso de HTML y CSS de freeCodeCamp en español 2024 hace 1 mes
10-bordes-redondeados 939bebca04 feat: Agrega notas de la segunda parte del Curso de HTML y CSS de freeCodeCamp en español 2024 hace 1 mes
11-background-color 939bebca04 feat: Agrega notas de la segunda parte del Curso de HTML y CSS de freeCodeCamp en español 2024 hace 1 mes
12-selector-id 939bebca04 feat: Agrega notas de la segunda parte del Curso de HTML y CSS de freeCodeCamp en español 2024 hace 1 mes
13-padding 939bebca04 feat: Agrega notas de la segunda parte del Curso de HTML y CSS de freeCodeCamp en español 2024 hace 1 mes
14-margin 939bebca04 feat: Agrega notas de la segunda parte del Curso de HTML y CSS de freeCodeCamp en español 2024 hace 1 mes
15-selector-atributo 939bebca04 feat: Agrega notas de la segunda parte del Curso de HTML y CSS de freeCodeCamp en español 2024 hace 1 mes
16-unidades-absolutas-relativas 939bebca04 feat: Agrega notas de la segunda parte del Curso de HTML y CSS de freeCodeCamp en español 2024 hace 1 mes
17-body 939bebca04 feat: Agrega notas de la segunda parte del Curso de HTML y CSS de freeCodeCamp en español 2024 hace 1 mes
18-especificidad 939bebca04 feat: Agrega notas de la segunda parte del Curso de HTML y CSS de freeCodeCamp en español 2024 hace 1 mes
19-especificidad-class-id 939bebca04 feat: Agrega notas de la segunda parte del Curso de HTML y CSS de freeCodeCamp en español 2024 hace 1 mes
20-estilos-linea 939bebca04 feat: Agrega notas de la segunda parte del Curso de HTML y CSS de freeCodeCamp en español 2024 hace 1 mes
21-important 939bebca04 feat: Agrega notas de la segunda parte del Curso de HTML y CSS de freeCodeCamp en español 2024 hace 1 mes
22-colores-hexadecimales 939bebca04 feat: Agrega notas de la segunda parte del Curso de HTML y CSS de freeCodeCamp en español 2024 hace 1 mes
23-colores-hexadecimales-abreviado 939bebca04 feat: Agrega notas de la segunda parte del Curso de HTML y CSS de freeCodeCamp en español 2024 hace 1 mes
24-colores-rgb 939bebca04 feat: Agrega notas de la segunda parte del Curso de HTML y CSS de freeCodeCamp en español 2024 hace 1 mes
25-variables-css 939bebca04 feat: Agrega notas de la segunda parte del Curso de HTML y CSS de freeCodeCamp en español 2024 hace 1 mes
README.md bdcd3cfbdf fix: Corrige identación de ejemplos de código de las notas hace 1 mes

README.md

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