CSS इंच, सेंटीमीटर, पॉइंट्स जैसे निरपेक्ष यूनिट्स के साथ-साथ प्रतिशत और em यूनिट्स जैसे सापेक्ष मापों सहित कई मापों का समर्थन करता है। आपको अपने स्टाइल नियमों में विभिन्न मापों को निर्दिष्ट करते समय इन मानों की आवश्यकता होती है। निम्नलिखित CSS मेजरमेंट यूनिट्स हैं: यूनिट विवरण उदाहरण %आमतौर प

CSS में व्यूपोर्ट ऊंचाई सेट करने के लिए: h1 { font-size: 4.0vh; } CSS में व्यूपोर्ट चौड़ाई सेट करने के लिए: h1 { font-size: 5.5vw; }

CSS के साथ लेटर स्पेसिंग सेट करने के लिए, em मेजरमेंट यूनिट का उपयोग करें। फॉन्ट की ऊंचाई का एक सापेक्ष माप em स्पेस है। क्योंकि एक em यूनिट दिए गए फॉन्ट के आकार के बराबर होती है, यदि आप फॉन्ट को 12pt असाइन करते हैं, तो प्रत्येक em यूनिट 12pt होगी; इस प्रकार, 2em 24pt होगी। उदाहरण आप CSS का उपयोग क

मान लीजिए आप किसी विशेष एलिमेंट पर स्टाइल नियम लागू करना चाहते हैं केवल जब वह किसी विशेष एलिमेंट के अंदर हो। निम्नलिखित उदाहरण में दिए गए अनुसार, स्टाइल नियम <em> एलिमेंट पर केवल तब लागू होगा जब वह <ul> टैग के अंदर हो। ul em { color: #FFFF00; } अब मान लें <ol> एलिमेंट के लिए

आप एलिमेंट्स के class एट्रिब्यूट के आधार पर स्टाइल नियम परिभाषित कर सकते हैं। उस क्लास वाले सभी एलिमेंट्स परिभाषित नियम के अनुसार फॉर्मेट किए जाएंगे। .black { color: #808000; } यह नियम हमारे दस्तावेज़ में class एट्रिब्यूट black पर सेट हर एलिमेंट के लिए कंटेंट को काले रंग में रेंडर करता है। आप

आप एलिमेंट्स के id एट्रिब्यूट के आधार पर स्टाइल नियम परिभाषित कर सकते हैं। उस id वाले सभी एलिमेंट्स परिभाषित नियम के अनुसार फॉर्मेट किए जाएंगे। #black { color: #000000; } यह नियम हमारे दस्तावेज़ में id एट्रिब्यूट black पर सेट हर एलिमेंट के लिए कंटेंट को काले रंग में रेंडर करता है। आप इसे थोड़

आप विशेष एट्रिब्यूट्स वाले HTML एलिमेंट्स पर स्टाइल्स भी लागू कर सकते हैं। नीचे दिया गया स्टाइल नियम उन सभी इनपुट एलिमेंट्स से मेल खाएगा जिनमें text  मान के साथ एक type एट्रिब्यूट है: input[type = text]{ color: #000000; } निम्नलिखित एट्रिब्यूट सेलेक्टर पर लागू नियम हैं।  p[lang] -

आपको एक ही एलिमेंट के लिए कई स्टाइल नियम परिभाषित करने की आवश्यकता हो सकती है। आप इन नियमों को एक ही ब्लॉक में कई प्रॉपर्टीज़ और संबंधित मानों को संयोजित करके परिभाषित कर सकते हैं जैसा कि निम्नलिखित उदाहरण में परिभाषित किया गया है:  h1 { color: #36C; font-weight: normal; letter-

यदि आप चाहें तो एक स्टाइल को कई सेलेक्टर्स पर लागू कर सकते हैं। बस सेलेक्टर्स को कॉमा से अलग करें, जैसा कि निम्नलिखित उदाहरण में दिया गया है: h1, h2, h3 { color: #36C; font-weight: normal; letter-spacing: .4em; margin-bottom: 1em; text-transform: lowercase; } यह परिभाषित स

text-transform प्रॉपर्टी का उपयोग टेक्स्ट को कैपिटलाइज़ करने या टेक्स्ट को अपरकेस या लोअरकेस अक्षरों में बदलने के लिए किया जाता है। उदाहरण संभावित मान हैं: none, capitalize, uppercase, lowercase। <html> <head> </head> <body> <p style = text-transfo

इंलाइन CSS और एक्सटर्नल CSS मेथड्स का उपयोग करके अपने HTML दस्तावेज़ के साथ स्टाइल्स को संबद्ध करें। किसी भी HTML एलिमेंट के style एट्रिब्यूट का उपयोग करके इंलाइन स्टाइल नियमों को परिभाषित कर सकते हैं। ये नियम केवल उस एलिमेंट पर लागू होंगे। यहां सामान्य सिंटैक्स है: <element style = ...style rul

अपने CSS नियमों को <style> एलिमेंट का उपयोग करके HTML दस्तावेज़ में रखें जिसे एम्बेडेड CSS कहा जाता है। यह टैग <head>...</head> टैग्स के अंदर रखा जाता है। इस सिंटैक्स का उपयोग करके परिभाषित नियम दस्तावेज़ में उपलब्ध सभी एलिमेंट्स पर लागू होंगे। उपरोक्त सिंटैक्स के आधार पर एम्बेड C

स्टाइलशीट नियमों को शामिल करने के लिए, <style> एलिमेंट या स्टाइल एट्रिब्यूट या यहां तक कि <link> का उपयोग करके एक्सटर्नल स्टाइलशीट का उपयोग करें। <link> एलिमेंट का उपयोग आपके HTML दस्तावेज़ में एक एक्सटर्नल स्टाइल शीट फ़ाइल को शामिल करने के लिए किया जा सकता है। एक एक्सटर्नल स्टाइल

CSS वेब पेज के लुक-एंड-फील भाग को संभालता है। CSS का उपयोग करके, आप टेक्स्ट के रंग, फॉन्ट की शैली, पैराग्राफ के बीच स्पेसिंग, कॉलम का आकार और लेआउट, बैकग्राउंड इमेज या रंग, लेआउट डिज़ाइन, विभिन्न डिवाइस और स्क्रीन आकार के लिए डिस्प्ले में विविधता, और कई अन्य प्रभावों को नियंत्रित कर सकते हैं। कैस्क

CSS3 CSS के पिछले संस्करणों (CSS2) का नवीनतम मानक है। कैस्केडिंग स्टाइल शीट्स, लेवल 1 (CSS1) दिसंबर 1996 में W3C की सिफारिश के रूप में सामने आया। यह संस्करण CSS भाषा के साथ-साथ सभी HTML टैग्स के लिए एक सरल विज़ुअल फॉर्मेटिंग मॉडल का वर्णन करता है। CSS2 मई 1998 में W3C की सिफारिश बन गया और CSS1 पर न

CSS में स्क्रीन पिक्सेल्स में माप को परिभाषित करने के लिए, px यूनिट का उपयोग करें। आइए एक उदाहरण देखें: <html> <head> </head> <body> <div style = position:relative;left:90px;top:3px;background-color:yellow;> This div has relative po

कैस्केडिंग स्टाइल शीट्स, लेवल 1 (CSS1) दिसंबर 1996 में W3C की सिफारिश के रूप में सामने आया। यह संस्करण CSS भाषा के साथ-साथ सभी HTML टैग्स के लिए एक सरल विज़ुअल फॉर्मेटिंग मॉडल का वर्णन करता है। CSS2 मई 1998 में W3C की सिफारिश बन गया और CSS1 पर निर्माण करता है। यह संस्करण मीडिया-विशिष्ट स्टाइल शीट्स

एक सेलेक्टर एक HTML टैग है जिस पर स्टाइल लागू होगी। यह <h1> या <table> आदि जैसा कोई भी टैग हो सकता है। टाइप सेलेक्टर के साथ, HTML टैग्स जैसे h1, h2, h3, p, आदि के लिए सेट करें: h2 { color: #FFFF00; } किसी विशिष्ट प्रकार के एलिमेंट्स का चयन करने के बजाय, यूनिवर्सल सेलेक्टर किसी भी

CSS का आविष्कार हाकॉन विउम ली ने 10 अक्टूबर 1994 को किया था, और W3C के भीतर CSS वर्किंग ग्रुप नामक लोगों के एक समूह द्वारा बनाए रखा जाता है। CSS वर्किंग ग्रुप दस्तावेज़ बनाता है जिन्हें विनिर्देश कहा जाता है। जब एक विनिर्देश पर चर्चा की गई हो और W3C सदस्यों द्वारा आधिकारिक रूप से अनुमोदित हो, तो यह

CSS वर्किंग ग्रुप दस्तावेज़ बनाता है जिन्हें विनिर्देश कहा जाता है। जब एक विनिर्देश पर चर्चा की गई हो और W3C सदस्यों द्वारा आधिकारिक रूप से अनुमोदित हो, तो यह एक सिफारिश बन जाती है। ये अनुमोदित विनिर्देश सिफारिशें कहलाती हैं क्योंकि W3C का भाषा के वास्तविक कार्यान्वयन पर कोई नियंत्रण नहीं है। स्वतं