unități absolute de lungime
pixeli px
Pixel, poate cel mai bine privit ca „valoare abstractă“, din moment ce nu are nimic de-a face cu pixelul fizice pe ecran.
CSS-pixeli - o valoare abstractă, browser-ul folosit pentru a afișa cu acuratețe conținutul pe o pagină, indiferent de ecran.
Inch (de la niderl Duim -. Thumb) - o unitate de măsură a distanței, în unele sistem non-metric european de măsuri. CSS.Intr doar inci comparativ cu pixeli. Cu toate acestea, este de remarcat faptul că centimeti sunt rar utilizate în CSS.
centimetri cm
Centimetru - o unitate de lungime în motoare diferite măsuri metrice egală cu 0,01 metri. În css este comparat cu pixelii.
milimetri mm
Unitatea Font specifice măsurii
Unitatea de măsurare relativă. Tiparul utilizează unități suplimentare - una dintre ele corespunde cu lățimea majuscula M. Proprietatea principală care afectează dimensiunea fontului - font-size.
Fără reguli css suplimentare 1em funcționează astfel:
În cazul în care documentul pentru a schimba dimensiunea fontului, 1em este egal cu curent (set) dimensiunea fontului.
Există unele lucruri aparent ciudate. Dacă elementul cu dimensiunea fontului 1.1em stocată în elementul cu font-size și 1.1em egale. plus ei au un părinte comun, care este font 1.1em. înălțimea rezultantă a fontului sub-element este egal cu 1,1 X 1,1 X 1,1 1.331em ==. Adică, ar trebui să ia în considerare următoarele atunci când atribuiți dimensiunea fontului element este egal cu, de exemplu, 10em. iar acest lucru nu înseamnă că, indiferent în cazul în care ai pus un element, acesta va fi egal cu 10em font. Totul depinde de context (a se vedea dovada).
Rems oferă o mai bună alternativă le e. Ei lucrează aproape identic, cu excepția unei diferențe cheie: unitate rem este întotdeauna legată de valoarea de bază fixă - și anume, dimensiunea elementului rădăcină al textului documentului (în cazul HTML, aceasta este intotdeauna elementul html).
suport browser-ul incomplet: nu funcționează în IE 8, Safari 4 sau iOS 3.2.
Puncte - o unitate de măsură egală cu 1/72 inch. Elementele sunt foarte frecvente în afara CSS (probabil, de ce acestea sunt incluse în CSS).
Punctele sunt ideale pentru imprimare, dar nimic nu împiedică să utilizați elemente și pe site-ul web. Deși este de remarcat faptul că browserele nu reprezintă întotdeauna aceleași elemente.
Aceeași poveste ca și cu puncte, dar 12pt 1buc ==.
Această unitate de măsură se bazează pe înălțimea x litere (litere mici), fontul curent. Uneori, informațiile cu privire la înălțimea literei x este construit în fontul, uneori browser-ul calculează altitudinea prin măsurarea înălțimii unui caracter în litere mici, iar în cel mai rău caz, browser-ul pur și simplu setează înălțimea ca 0.5em. Pentru a înțelege de ce este utilizat înălțimea literei x, ascensiunea prezent (ascender), de exemplu, litere mici litere d. X-înălțime nu include înștiințarea.
Spre deosebire de em e, care nu se schimbă la schimbarea proprietății font-family. unități ex schimbat atunci când modificați valoarea în proprietate font-family (proof).
În spirit similar cu x-înălțime, dar în loc de x-înălțime, lățime de caractere utilizat 0. De asemenea, se schimbă atunci când valoarea proprietăților la font-familie.
suport Browser: în prezent, nu sunt acceptate de browsere bazate pe WebKit (Safari, Yandex, crom).
1vmin ia 1vw sau 1vh. oricare dintre acestea este mai mică. La determinarea standardului Vmin dimensiunea fontului poate fi mult mai utilă decât sau vw vh.
1vmin ia 1vw sau 1vh. oricare dintre acestea este mai mare.
Browser Suport: bazat pe browsere WebKit suporta Vmin, dar nu suportă Vmax (încă). Firefox suportă Vmax.
Procentul distanță predeterminată depinde de proprietățile elementului părinte. De exemplu, în cazul în care elementul are o lățime egală cu 450px. și elementul său copil lățime egală cu 50%. lățimea elementului, un bulet copil este 225px.
Punct de vedere tehnic la sută nu se poate măsura lungimea, dar am inclus interesul în acest articol, deoarece lungimea și interesul legat.
