Unități CSS
Valorile de lungime și dimensiune pentru multe proprietăți se setează cu unități CSS.
Printre proprietățile care primesc valori de „lungime” se numără font-size, width, margin, padding, border și altele.
Unitățile se împart în două tipuri:
Unități absolute CSS
O lungime dată într-o unitate absolută este fixă și apare exact la acea dimensiune.
Schimbările dimensiunii ecranului nu afectează aceste unități, de aceea nu sunt recomandate pentru site-uri web. Totuși, pot fi utile când mediul de ieșire este cunoscut, cum ar fi la un aspect de tipărire.
px (pixeli) este cea mai folosită unitate absolută.
Unități relative CSS
O unitate relativă măsoară o lungime în raport cu o altă proprietate de lungime, cum ar fi elementul părinte, elementul rădăcină sau viewport-ul.
Deoarece se scalează mai bine între diferite dimensiuni de ecran, unitățile de lungime relative sunt ideale pentru web design responsive.
em și rem sunt cele mai folosite două unități relative.
Sfat: Site-urile web scalabile și responsive sunt exact locul în care em și rem strălucesc!