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

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

CSS के साथ HTML इनपुट एलिमेंट के प्लेसहोल्डर टेक्स्ट को स्टाइल करने के लिए, आपको स्यूडो-एलिमेंट एट्रिब्यूट को टारगेट करना होगा। आप इसे CSS स्यूडो सिलेक्टर :: के साथ करते हैं। प्लेसहोल्डर टेक्स्ट के साथ एक नियमित इनपुट एलिमेंट <input type=text placeholder=Hello there!> डिफ़ॉल्ट ब्राउज़र स्टाइलि

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

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

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

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

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

CSS के साथ एलिमेंट्स को उनके कंटेनर के नीचे रखना सीखें। HTML में पैरेंट-चाइल्ड संबंध होता है। CSS के साथ किसी एलिमेंट को उसके कंटेनर के नीचे रखने के लिए, आपको निम्नलिखित प्रॉपर्टीज़ और मानों का उपयोग करने की आवश्यकता है: position: relative; (पैरेंट) position: absolute; (चाइल्ड) bottom: 0; (चाइल्ड)

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

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

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

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

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

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

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

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

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

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

कई CSS कीवर्ड्स हैं जो नंबर्स के बजाय वास्तविक नामों का उपयोग करके रंगों को परिभाषित करते हैं। यहाँ अब तक की आधिकारिक नेम्ड CSS कलर सूची है: aliceblue antiquewhite aqua aquamarine azure beige bisque black blanchedalmond blue blueviolet brown burlywood cadetblue chartreuse chocolate coral cornflower