CSS - jednostki miary

Zanim zaczniemy właściwe ćwiczenie, chcielibyśmy krótko przedstawić jednostki miary CSS. CSS obsługuje wiele pomiarów, w tym jednostki bezwzględne, takie jak cale, centymetry, punkty itd., A także miary względne, takie jak procenty i jednostki em. Potrzebujesz tych wartości podczas określania różnych pomiarów w regułach stylu, npborder = "1px solid red".

Wymieniliśmy wszystkie jednostki miary CSS wraz z odpowiednimi przykładami -

Jednostka	Opis	Przykład
%	Definiuje pomiar jako procent w stosunku do innej wartości, zazwyczaj elementu otaczającego.	p {font-size: 16pt; wysokość wiersza: 125%;}
cm	Określa pomiar w centymetrach.	div {margin-bottom: 2cm;}
em	Względna miara wysokości czcionki w przestrzeniach em. Ponieważ jednostka em jest równoważna rozmiarowi danej czcionki, jeśli przypiszesz czcionkę do 12 punktów, każda jednostka „em” będzie miała 12 punktów; tak więc 2em byłoby 24pt.	p {letter-spacing: 7em;}
dawny	Ta wartość definiuje miarę względem wysokości x czcionki. Wysokość x jest określana przez wysokość małej litery x czcionki.	p {font-size: 24pt; line-height: 3ex;}
w	Określa miarę w calach.	p {odstępy między wyrazami: 0,15 cala;}
mm	Określa pomiar w milimetrach.	p {odstępy między wyrazami: 15 mm;}
szt	Definiuje pomiar w pikach. Pica odpowiada 12 punktom; tak więc jest 6 picas na cal.	p {font-size: 20pc;}
pt	Definiuje pomiar w punktach. Punkt jest zdefiniowany jako 1/72 cala.	body {font-size: 18pt;}
px	Definiuje pomiar w pikselach ekranu.	p {dopełnienie: 25px;}