अनियंत्रित सूची आइटम (<ul> ) वेब पेज पर डिफ़ॉल्ट रूप से गोल बुलेट बिंदुओं के साथ स्टाइल किया जाता है। लेकिन क्या होगा यदि आप सूची वस्तुओं पर बुलेट अंक हटाना चाहते हैं, उदा। नेविगेशन घटक बनाते समय? निम्नलिखित HTML एक वेबसाइट पर नेविगेशन/मेनू घटक के लिए एक विशिष्ट संरचना है। अपने मेनू आइटम से

CSS के साथ अपने टेक्स्ट तत्वों में एक रेखीय ग्रेडिएंट रंग जोड़ने का तरीका जानें, और एक सामान्य ग्रेडिएंट गलती से कैसे बचें। अपने HTML टेक्स्ट तत्वों में एक ग्रेडिएंट टेक्स्ट रंग जोड़ने के लिए, आपको निम्नलिखित CSS गुणों की आवश्यकता होगी: background -webkit-background-clip -webkit-text-fill-color

CSS के साथ HTML इनपुट एलीमेंट के प्लेसहोल्डर टेक्स्ट को स्टाइल करने के लिए, आपको छद्म-तत्व को लक्षित करना होगा गुण। आप CSS छद्म चयनकर्ता के साथ ऐसा करते हैं :: । प्लेसहोल्डर टेक्स्ट के साथ एक नियमित इनपुट तत्व डिफ़ॉल्ट ब्राउज़र स्टाइल के साथ प्लेसहोल्डर टेक्स्ट कैसा दिखता है: CSS अब चलिए CSS ::p

सीएसएस के साथ कर्निंग को एडजस्ट करने का तरीका जानें। यदि आपकी पसंद के वेब फ़ॉन्ट में कर्निंग डेटा शामिल है, तो आपका ब्राउज़र स्वचालित रूप से निर्धारित करेगा कि आपके टेक्स्ट पर फ़ॉन्ट-कर्निंग लागू किया जाना चाहिए या नहीं। यह font-kerning . का उपयोग करके ऐसा करता है CSS प्रॉपर्टी, जो auto . पर सेट है

font-stretch CSS गुण आपको अपने पाठ को संक्षिप्त (संक्षिप्त) या व्यापक (विस्तारित) बनाने की अनुमति देता है। इस प्रकार के फॉन्ट को संघनित . भी कहा जाता है या विस्तारित फोंट्स। संघनित फ़ॉन्ट्स संकीर्ण स्ट्रोक-चौड़ाई वाले वर्ण हैं। उनके पास नियमित फ़ॉन्ट की तुलना में वर्णों (अक्षर-अंतराल/अग्रणी) के ब

CSS फॉन्ट-स्टाइल प्रॉपर्टी आपको अपने टेक्स्ट, सामान्य, इटैलिक और ऑब्लिक के लिए तीन अलग-अलग फ़ॉन्ट प्रकार (शैलियों) को लागू करने की अनुमति देती है: .normal{ font-style: normal; } .italic { font-style: italic; } .oblique { font-style: oblique; } normal :सामान्य पाठ के लिए उपयोग की जाने वाली ड

CSS फ़ॉन्ट-वेरिएंट का उपयोग करने का तरीका जानें आपके टेक्स्ट के लिए स्मॉल कैप्स अक्षरों का उपयोग करने के लिए प्रॉपर्टी — और क्या आपको स्मॉल कैप्स का बिल्कुल भी उपयोग करना चाहिए। CSS font-variant संपत्ति निर्दिष्ट करती है कि आपका टेक्स्ट सामान्य टेक्स्ट केस या स्मॉल-कैप फ़ॉन्ट के रूप में प्रदर्शित ह

CSS @import नियम का उपयोग करने का तरीका जानें स्टाइलशीट आयात करने के लिए। CSS @import at-rule आपको CSS स्टाइलशीट को अन्य CSS स्टाइलशीट में आयात करने की अनुमति देता है। यह बड़े/बढ़ते कोडबेस वाली वेबसाइटों के लिए व्यावहारिक है। मूल उपयोग: @import url(variables.css); यह विधि आपको अपनी सीएसएस शैलियों

CSS के साथ तत्वों को उसके कंटेनर के नीचे रखना सीखें। एचटीएमएल में अभिभावक-बाल संबंध हैं। CSS के साथ एक तत्व को उसके कंटेनर के नीचे रखने के लिए, आपको निम्नलिखित गुणों और मूल्यों का उपयोग करने की आवश्यकता है: position: relative; (माता-पिता) position: absolute; (बच्चा) bottom: 0; (बच्चा) उदाहरण:

CSS के साथ एक ग्रेडिएंट बैकग्राउंड कलर सेट करने के लिए, आपको linear-gradient() . जोड़ना होगा आपके background . पर कार्य करें संपत्ति। आइए एक साधारण बॉक्स क्लास बनाएं और इसे आज़माएं: .box { width: 200px; height: 200px; background: linear-gradient(yellow, red); } परिणाम: आप लीनियर ग्रेडिएंट

CSS में RGB और RGBa रंगों के बीच अंतर के बारे में जानें और आप अपनी वेबसाइट के लिए सुंदर, ध्यान आकर्षित करने वाले UI घटक बनाने के लिए RGBa का उपयोग कैसे कर सकते हैं। आरजीबी और आरजीबीए हेक्स कोड रंग मानों (जैसे #282828) का उपयोग करने के विकल्प के रूप में CSS में उपयोग किए जाने वाले दो रंग मॉडल हैं )

HTML और CSS के साथ अपनी वेबसाइट के लिए एक सरल, सुंदर UI कार्ड घटक डिज़ाइन करना सीखें। आप अपने कार्ड को बहुत गहरा किए बिना अपने टेक्स्ट को थोड़ा अतिरिक्त पॉप बनाने के लिए एक रैखिक-ढाल ट्रिक भी सीखेंगे। UI कार्ड एक UI घटक है जो वेबसाइटों पर एक प्रकार के ऐपेटाइज़र के रूप में कार्य करता है। एक विशिष्ट

जानें कि CSS पैडिंग का उपयोग कैसे करें संपत्ति। सीएसएस padding संपत्ति का उपयोग अंदर space स्थान की मात्रा को नियंत्रित करने के लिए किया जाता है इसकी सामग्री और सीमा के बीच HTML तत्व। padding अक्सर CSS margin के साथ भ्रमित होता है संपत्ति, जो बाहर space स्थान जोड़ती है एक तत्व की सीमा (padding के

CSS में मार्जिन और पैडिंग के बीच अंतर के बारे में जानें। मार्जिन बनाम पैडिंग आइए सबसे छोटी परिभाषा से शुरू करें: margin HTML तत्वों की सीमा के बाहर रिक्ति जोड़ता है padding HTML तत्वों की सीमा के अंदर रिक्ति जोड़ता है जब आप किसी HTML तत्व पर मार्जिन या पैडिंग लागू करते हैं, तो वे इस तरह से तत्व

जानें कि CSS शॉर्टहैंड प्रॉपर्टी का उपयोग कैसे करें अपनी स्टाइलशीट को कम जगह घेरने के लिए। CSS शॉर्टहैंड गुण आपको कम लिखने और अधिक करने की अनुमति देते हैं। मान लें कि आप अपने h1 . को स्टाइल करना चाहते हैं जॉर्जिया . के साथ तत्व फ़ॉन्ट-फ़ैमिली, 42 पिक्सेल का फ़ॉन्ट-आकार और 1.25 की लाइन-ऊंचाई। सब

HTML में preload नामक एक विशेषता होती है जो आपको ब्राउज़र को संकेत . देने की अनुमति देता है कैसे, और अधिक महत्वपूर्ण रूप से, कब . के बारे में पृष्ठ लोड होने पर संपत्ति लोड करने के लिए। preload विशेषता का उपयोग कई HTML तत्वों पर किया जा सकता है। उदाहरण के लिए, आप इसे <link> . में जोड़ सकते है

CSS box-sizing का उपयोग करना सीखें यह नियंत्रित करने के लिए कि ब्राउज़र आपके HTML तत्वों की चौड़ाई और ऊंचाई की गणना और प्रतिपादन कैसे करता है। बॉक्स-साइज़िंग (सामग्री-बॉक्स बनाम बॉर्डर-बॉक्स) CSS box-sizing संपत्ति के दो मूल्य हैं: content-box (डिफ़ॉल्ट) border-box दोनों बॉक्स-साइज़िंग मान प्रभ

CSS में HSL और HSLa रंगों का उपयोग करना सीखें और उन्हें RGB/RGBa और Hex से क्या अलग बनाता है। CSS में HSL और HSLa रंग विधियाँ हैं जिनका उपयोग आप अधिक वास्तविक दुनिया लागू करने के लिए Hex या RGB/RGBa के विकल्प के रूप में कर सकते हैं आपकी वेबसाइट पर रंग। एचएसएल और एचएसएलए सीएसएस की दुनिया में कुछ न

जानें कि हेक्साडेसिमल रंगों का उपयोग कैसे करें (सीएसएस में हेक्स रंग भी कहा जाता है। हेक्साडेसिमल नोटेशन (या हेक्स कलर नोटेशन) RGB रंगों को व्यक्त करने का एक वैकल्पिक तरीका है। हेक्स रंग संकेतन तीन ब्लॉकों में प्रत्येक में दो मानों के साथ निर्दिष्ट किया गया है: आरआर जीजी बीबी साथ में वे #RRGGBB

ऐसे कई CSS कीवर्ड हैं जो संख्याओं के बजाय वास्तविक नामों का उपयोग करके रंगों को परिभाषित करते हैं। यहाँ आधिकारिक नाम की CSS रंग सूची है: ऐलिसब्लू एंटीकव्हाइट एक्वा एक्वामरीन नीला बेज बिस्क काला ब्लैंचडालमंड नीला ब्लूवायलेट भूरा बरलीवुड कैडेटब्लू चार्टरेस चॉकलेट मूंग