रंग और यूनिट्स

रंग फॉर्मेट

#rrggbb हेक्स, rgb(r, g, b), पारदर्शिता सहित rgba(r, g, b, a), और hsl(hue, sat%, light%) — शेड बदलने के लिए hsl अक्सर सबसे सहज होता है।

रंग साथ-साथ

चारों नीले रंग की एक ही शेड बताते हैं।

.a { color: #264de4; }
.b { color: rgb(38, 77, 228); }
.c { color: rgba(38, 77, 228, 0.8); }
.d { color: hsl(226, 79%, 52%); }

एब्सोल्यूट बनाम रिलेटिव यूनिट

px एब्सोल्यूट है — तय आकार। em पेरेंट के फ़ॉन्ट साइज़ के सापेक्ष है (नेस्टेड होने पर जुड़ता जाता है)। rem रूट फ़ॉन्ट साइज़ के सापेक्ष है (अनुमानित)। %, vw, vh कंटेनर या व्यूपोर्ट के सापेक्ष हैं।

टेक्स्ट के लिए rem प्राथमिकता दें

जब उपयोगकर्ता अपने ब्राउज़र का डिफ़ॉल्ट फ़ॉन्ट साइज़ बदलता है, तो rem आकार सही ढंग से स्केल होते हैं — तय px से बेहतर एक्सेसिबिलिटी।