फ़ॉन्ट फेस बदलने के लिए, font-family गुण का उपयोग करें। उदाहरण निम्न कोड चलाकर font-family गुण के साथ काम करना सीखें: <html> <head> </head> <body> <p style=font-family:georgia,garamond,serif;> Demo content </p> </body> </html> एका

फ़ॉन्ट को इटैलिक बनाने के लिए, font-style गुण का उपयोग करें। निम्न कोड चलाकर font-style गुण के साथ काम करना सीखें: उदाहरण <html> <head> </head> <body> <p style=font-style:italic;> This text is in italic style </p> </body> </html>

स्मॉल-कैप्स प्रभाव बनाने के लिए, font-variant गुण का उपयोग करें। उदाहरण निम्न कोड चलाकर CSS में font-variant गुण के साथ काम करना सीखें: <html> <head> </head> <body> <p style=font-variant:small-caps;> Asia, Antartica, Africa are continents </p>

CSS माप इकाई vmin के साथ फ़ॉन्ट आकार सेट करने के लिए, निम्न कोड चलाएं: <html> <head> </head> <body> <div style=position:relative;left:90px;top:3px;background-color:yellow;font-size: 4vmin;> This div has relative positioning. </div> </body&

एक पिका 12 पॉइंट्स के बराबर होता है; इस प्रकार, एक इंच में 6 पिका होते हैं। पिका (pc) का उपयोग करके फ़ॉन्ट आकार सेट करने के लिए निम्न कोड चलाएं: उदाहरण <html> <head> </head> <body> <div style=position:relative;left:10px;top:3px;background-color:yellow;font-size:3

किसी तत्व का पृष्ठभूमि रंग सेट करने के लिए, background-color गुण का उपयोग करें। उदाहरण निम्न कोड चलाकर देखें कि background-color गुण कैसे काम करता है: <html> <head> </head> <body> <p style=background-color:blue;> This text has a blue background color.<

background-repeat गुण का उपयोग पृष्ठभूमि में छवि की पुनरावृत्ति को नियंत्रित करने के लिए किया जाता है। यदि आप छवि को दोहराना नहीं चाहते हैं, तो background-repeat गुण के लिए no-repeat मान का उपयोग करें; इस स्थिति में छवि केवल एक बार प्रदर्शित होगी। उदाहरण निम्न कोड चलाकर देखें कि background-repeat गु

किसी तत्व की पृष्ठभूमि छवि सेट करने के लिए, background-image गुण का उपयोग करें। उदाहरण निम्न कोड चलाकर देखें कि background-image गुण कैसे काम करता है: <html> <head> <style> body { background-image: url(/css/images/css.jpg); } </style> </head

background-position गुण का उपयोग पृष्ठभूमि में छवि की स्थिति को नियंत्रित करने के लिए किया जाता है। उदाहरण निम्न कोड चलाकर देखें कि background-position गुण कैसे काम करता है। यह पृष्ठभूमि छवि की स्थिति को बाईं ओर से 30 पिक्सेल दूर सेट करता है: <html> <head> <style> body

पृष्ठभूमि में छवि की पुनरावृत्ति को नियंत्रित करने के लिए, background-repeat गुण का उपयोग करें। यदि आप छवि को दोहराना नहीं चाहते हैं, तो background-repeat गुण के लिए no-repeat मान का उपयोग करें; इस स्थिति में छवि केवल एक बार प्रदर्शित होगी। उदाहरण निम्न कोड चलाकर देखें कि background-repeat गुण कैसे

पृष्ठभूमि में छवि की स्थिति को नियंत्रित करने के लिए, background-position गुण का उपयोग करें। उदाहरण निम्न कोड चलाकर देखें कि background-position गुण कैसे काम करता है। यह पृष्ठभूमि छवि की स्थिति को बाईं ओर से 30 पिक्सेल दूर सेट करता है: <html> <head> <style> body {

background-image गुण का उपयोग किसी तत्व की पृष्ठभूमि छवि सेट करने के लिए किया जाता है। उदाहरण निम्न कोड चलाकर देखें कि background-image गुण कैसे काम करता है: <html> <head> <style> body { background-image: url(/latest/inter-process-communication.png); bac

पृष्ठभूमि में छवि के स्क्रॉलिंग को सेट करने के लिए, background-attachment गुण का उपयोग करें। उदाहरण निम्न कोड चलाकर देखें कि background-attachment गुण कैसे काम करता है: <!DOCTYPE html> <html> <head> <style> body { background-image: url(/css/images/css.jpg)

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

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

किसी भी HTML तत्व के style एट्रिब्यूट का उपयोग करके आप उस विशिष्ट तत्व के लिए CSS स्टाइल नियम परिभाषित कर सकते हैं। ये नियम केवल उसी तत्व पर लागू होंगे। सिंटैक्स <element style=...style rules...> उदाहरण नीचे दिए गए उदाहरण में एक पैराग्राफ़ का टेक्स्ट रंग नीला (#36C) सेट किया गया है: <html&g

@import का उपयोग <link> एलिमेंट के समान तरीके से एक एक्सटर्नल स्टाइलशीट आयात करने के लिए किया जाता है। @import नियम का सिंटैक्स यहां दिया गया है: <head> @import URL; </head> निम्नलिखित उदाहरण आपको दिखाता है कि स्टाइल शीट फ़ाइल को HTML दस्तावेज़ में कैसे आयात करें: <head&g

<link> एलिमेंट का उपयोग आपके HTML दस्तावेज़ में एक एक्सटर्नल स्टाइल शीट फ़ाइल को शामिल करने के लिए किया जा सकता है। एक एक्सटर्नल स्टाइल शीट .css एक्सटेंशन वाली एक अलग टेक्स्ट फ़ाइल है। आप इस टेक्स्ट फ़ाइल के भीतर सभी स्टाइल नियमों को परिभाषित करते हैं और फिर <link> एलिमेंट का उपयोग करके

किसी भी स्टाइल शीट नियम को ओवरराइड करने का नियम निम्नलिखित है। कोई भी इंलाइन स्टाइलशीट सर्वोच्च प्राथमिकता लेती है। इसलिए, यह <style>...</style> टैग्स में परिभाषित किसी भी नियम या एक्सटर्नल स्टाइल शीट फ़ाइल में परिभाषित नियमों को ओवरराइड करेगा। <style>...</style> टैग्स में

आपको अपने स्टाइलशीट ब्लॉक्स में अतिरिक्त टिप्पणियां डालने की आवश्यकता हो सकती है। इसलिए, स्टाइल शीट के किसी भी भाग को टिप्पणी करना बहुत आसान है। आप बस अपनी टिप्पणियों को /*.....यह स्टाइल शीट में एक टिप्पणी है.....*/ के अंदर रख सकते हैं। आप C और C++ प्रोग्रामिंग भाषाओं में जैसे करते हैं, वैसे ही /*