Please enable JavaScript.
Coggle requires JavaScript to display documents.
Css - Coggle Diagram
Css
Unidades
Absolutas
No cambian aunque se modifique el tamaño de la pagina.
- Píxel, se escribe como px, es la unidad más utilizada hasta la fecha.
- Puntos, se escribe como pt, 1 pt = 1 pulgada/72 = 2,54/72=0,0352 cm. = 0,352 mm.
- Centímetros, se escribe como cm. 1cm = 96 px/ 2.54
- Milímetros, se escribe como mm. 1mm = 1/10 cm
- Pulgadas, se escribe como in, 1 in = 2.54 cm = 96 px
- Picas, se escribe pc, 1 pc = 1/6 in = 16 px.
Relativas
Por tipografía o fuente.
- em, igual al valor calculado de la propiedad font-size en el elemento contenedor.
- rem, Igual que el 'em' pero tiene en cuenta el elemento raíz del documento.
- ex, el valor se calcula respecto a la altura de la letra 'x' de la tipografía.
- ch, el valor se calcula respecto a la altura del carácter 0 (cero)
Relativas al viewport.
- vw, el valor se calcula como un porcentaje de la anchura del viewport.
- vh, el valor se calcula como un porcentaje de la altura del viewport.
- vmin, igual al valor más pequeño entre vw y vh.
- vmax, igual al valor más grande entre vw y vh.
Unidad %
Se considera un tipo aparte ya que es relativo a su contenedor. Se escribe como %, y el valor se calcula en función del contenedor y del atributo sobre el que actúa.
Colores
El sistema utilizado en las páginas web se basa en colores de 24 bits que permite 16,7 millones de colores por canal. Adicionalmente se puede añadir la transparencia/opacidad del color.
-
Colores RGB
Este sistema utiliza los colores primarios aditivos rojo, verde y azul. De esta forma podemos crear un color indicando la cantidad de cada uno de los primarios que interviene en la mezcla. Para cada color podemos especificar 256 intensidades distintas, y al ser tres colores podemos obtener un total aproximado de 16,7 millones de colores.
Colores RGBA.
Si añadimos un valor de transparencia alpha al RGB, tenemos el RGBA. El valor 0 indica transparencia total, y el valor 1 indica transparencia nula.
Colores HSL
Se definen mediante tres valores que podemos interpretar mejor: Matiz es un número entre 0 y 360 que abarca todos los tonos de color, Saturación es un porcentaje que da la intensidad del color, de 0% a 100% es más intenso y Luminosidad es el porcentaje que representa lo más o menos claro de un color, de 0% es blanco y 100% es negro.
Colores HSLA
Si añadimos un valor de transparencia alpha al HSL, tenemos el HSLA. El valor 0 indica transparencia total, y el valor 1 indica transparencia nula.