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):
- 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