px इकाई स्क्रीन पिक्सेल में माप को परिभाषित करती है। उदाहरण:
div { padding: 40px; }
em इकाई फ़ॉन्ट ऊंचाई के सापेक्ष एक माप है। क्योंकि एक em इकाई दिए गए फ़ॉन्ट के आकार के बराबर होती है, यदि आप फ़ॉन्ट को 12pt असाइन करते हैं, तो प्रत्येक "em" इकाई 12pt होगी; इस प्रकार, 2em 24pt होगा।
उदाहरण:
p { letter-spacing: 4em; }
% इकाई किसी अन्य मान के सापेक्ष प्रतिशत के रूप में माप को परिभाषित करती है, आमतौर पर एक संलग्न तत्व।
p { font-size: 14pt; line-height: 80%; }
सारांश: px निरपेक्ष (डिवाइस-निर्भर), em पैरेंट फ़ॉन्ट आकार के सापेक्ष, % पैरेंट तत्व के सापेक्ष (प्रॉपर्टी के अनुसार)। rem रूट (html) फ़ॉन्ट आकार के सापेक्ष होता है। प्रतिक्रियाशील डिज़ाइन के लिए सापेक्ष इकाइयां (em, rem, %) बेहतर हैं।
