20/july

README.md

@@ -42,6 +42,19 @@ En caso de empatar en importancia entra en juego la especificidad. Se mira como
 
 #### Procesamiento de los valores
 
+- La unidad (no es una unidad pero la tratamos como tal) '%' cuando se aplica en fuentes, parte del tamaño de la fuente del padre.
+- La unidad 'em' actua diferente para tamaños de letra y para elementos:
+    - Para fuentes toma el tamaño de la fuente del elemento padre.
+    - Para elementos toma el tamaño de la fuente del elemento actual.
+- Si una propiedad es heredada, no se hereda el valor especificado, si no el ya procesado sobre los valores del padre (en pixeles por ejemplo).
+- NO todas las propiedades heredan del padre a falta de estar especificadas, es cuyo caso el valor especificado será el inicial (por defecto).
+- Darle valor a 'font-size' en 'html{}' hará que no se cambien los valores de la fuente con los ajustes del navegador, esta es una práctica muy mala.
+    - Solución: `html { font-size: 100%; }` -> Tendrá por defecto 16px, y cambiará si el usuario así lo decide en las opciones de su navegador.
+
+#### Tamaños de los contenedores
+- Por defecto, si creamos un contenedor con altura 100px y le añadimos un padding de 20 píxeles arriba y abajo, el contenedor terminará ocupando 140px. No es muy práctico:
+    - Solución: `box-sizing: border-box`. El elemento terminará con 100px.
+
 ## Animaciones
 
 Hay dos tipos de animaciones: