CSS :nth-child() pseudo-class उस एलिमेंट को सिलेक्ट करता है जो किसी अन्य एलिमेंट का nth चाइल्ड एलिमेंट होता है।सिंटैक्सनिम्नलिखित सिंटैक्स है::nth-child(){ /*declarations*/ }उदाहरणआइए CSS :nth-child() Pseudo class का एक उदाहरण देखते हैं:<!DOCTYPE html> <html> <head> <title>CS

CSS Pseudo-element मूल रूप से किसी एलिमेंट के विशिष्ट भागों जैसे first-letter, first-line, आदि के लिए एक सिलेक्टर है। :after और :before pseudo elements का उपयोग क्रमशः किसी एलिमेंट के बाद और पहले कंटेंट डालने के लिए किया जा सकता है।सिंटैक्सकिसी एलिमेंट पर CSS Pseudo elements का उपयोग करने का सिंटैक्

हम HTML पेजेस में CSS को तीन तरीकों से शामिल कर सकते हैं। ये हैं:इंलाइनयहां हम एलिमेंट के स्टाइल एट्रिब्यूट में CSS स्टाइल्स स्पेसिफाई करते हैं। हालांकि, फाइल्स को मॉड्यूलराइज़ करने के लिए इंटरनल या एक्सटर्नल लिंकिंग की सिफारिश की जाती है।इंटरनलहम HTML डॉक्यूमेंट के <head> के अंदर <style>

HTML डॉक्यूमेंट्स में CSS को शामिल करने के लिए, हम या तो उन्हें इंटरनली, इंलाइन शामिल कर सकते हैं या एक एक्सटर्नल फाइल लिंक कर सकते हैं।सिंटैक्सHTML में CSS फाइल्स को शामिल करने का सिंटैक्स निम्नलिखित है:/*inline*/ <element style="/*declarations*/"></element> /*internal*/ <h

CSS एलिमेंट टाइप सिलेक्टर का उपयोग किसी प्रकार के सभी एलिमेंट्स को सिलेक्ट करने के लिए किया जाता है। CSS एलिमेंट टाइप सिलेक्टर का सिंटैक्स निम्नलिखित है:सिंटैक्सelement { /*declarations*/ }उदाहरणनिम्नलिखित उदाहरण CSS एलिमेंट टाइप सिलेक्टर को दर्शाते हैं:<!DOCTYPE html> <html> <head>

CSS एलिमेंट सिलेक्टर का उपयोग पहले एलिमेंट के डिसेंडेंट को सिलेक्ट करने के लिए किया जाता है जिसका एलिमेंट नाम दूसरे सिलेक्टर से मेल खाता है।सिंटैक्सCSS डिसेंडेंट सिलेक्टर का सिंटैक्स निम्नलिखित है:element element { /*declarations*/ }उदाहरणनिम्नलिखित उदाहरण CSS डिसेंडेंट सिलेक्टर को दर्शाते हैं:<!

outline-width प्रॉपर्टी को एलिमेंट के बॉर्डर्स के चारों ओर एक विशिष्ट मोटाई की लाइन खींचने के लिए परिभाषित किया जा सकता है, लेकिन आउटलाइन बॉर्डर प्रॉपर्टी के विपरीत एलिमेंट के डायमेंशन्स का हिस्सा नहीं होती।सिंटैक्सCSS outline-width प्रॉपर्टी का सिंटैक्स निम्नलिखित है:Selector { outline-width: /*val

हम CSS min-width प्रॉपर्टी का उपयोग करके किसी एलिमेंट के कंटेंट बॉक्स के लिए एक फिक्स्ड मिनिमम चौड़ाई परिभाषित कर सकते हैं, जो एलिमेंट के कंटेंट बॉक्स को संकरा नहीं होने देता, भले ही चौड़ाई min-width से कम हो।सिंटैक्सCSS min-width प्रॉपर्टी का सिंटैक्स निम्नलिखित है:Selector { min-width: /*value*/ }

CSS एब्सोल्यूट यूनिट्स और रिलेटिव यूनिट्स दोनों दूरी की इकाइयों की श्रेणी में आते हैं।CSS रिलेटिव यूनिट्स किसी एलिमेंट की लंबाई को दूसरे एलिमेंट के संदर्भ में परिभाषित करते हैं।उदाहरण के लिए, vh रिलेटिव यूनिट व्यूपोर्ट हाइट के सापेक्ष होता है।निम्नलिखित CSS रिलेटिव यूनिट्स हैं:Sr.Noयूनिट और रिलेटिव

हम CSS min-height प्रॉपर्टी का उपयोग करके किसी एलिमेंट के कंटेंट बॉक्स के लिए एक फिक्स्ड मिनिमम हाइट परिभाषित कर सकते हैं, जो एलिमेंट के कंटेंट बॉक्स को छोटा नहीं होने देता, भले ही हाइट min-height से कम हो।सिंटैक्सCSS min-height प्रॉपर्टी का सिंटैक्स निम्नलिखित है:Selector { min-height: /*value*/ }उ

हम CSS clear प्रॉपर्टी का उपयोग करके फ्लोटेड एलिमेंट के उस साइड को स्पेसिफाई कर सकते हैं जिसे फ्लोइंग कंटेंट से क्लियर किया जाना है।उदाहरणआइए CSS clear प्रॉपर्टी का एक उदाहरण देखते हैं:<!DOCTYPE html> <html> <head> <title>CSS Clear</title> <style type="text/css&

CSS का उपयोग करके किसी एलिमेंट या उसके अंदर के कंटेंट को अलाइन किया जा सकता है, जो किसी एलिमेंट और उसके कंटेंट को हॉरिजॉन्टली, वर्टिकली या सेंटर में अलाइन करने के लिए विभिन्न विकल्प प्रदान करता है।हॉरिजॉन्टल अलाइनमेंटइनलाइन एलिमेंट्सटेक्स्ट, एंकर, स्पैन आदि जैसे इनलाइन या इनलाइन-ब्लॉक एलिमेंट्स को C

CSS में किसी एलिमेंट की पोजिशनिंग को एब्सोल्यूट के रूप में परिभाषित किया जा सकता है, जो एलिमेंट को पहले पोजिशन्ड (स्टैटिक को छोड़कर) पैरेंट के सापेक्ष रेंडर करता है। एब्सोल्यूट पोजिशनिंग मेथड वाले एलिमेंट्स को CSS पोजिशनिंग प्रॉपर्टीज़ (left, right, top, bottom) द्वारा पोजिशन किया जाता है।उदाहरणआइए

CSS float प्रॉपर्टी का उपयोग किसी बॉक्स या कंटेंट को पोजिशन या फॉर्मेट करने के लिए किया जाता है। डेवलपर CSS float का उपयोग करके एलिमेंट को बाएं या दाएं पोजिशन कर सकते हैं।Float प्रॉपर्टी के मानfloat प्रॉपर्टी के निम्नलिखित मान हो सकते हैं:left - एलिमेंट अपने कंटेनर के बाएं फ्लोट करता हैright - एलिमे

CSS :first-child स्यूडो-क्लास एक ऐसे एलिमेंट को चुनती है जो किसी अन्य एलिमेंट का पहला चाइल्ड एलिमेंट होता है। सिंटैक्स निम्नलिखित सिंटैक्स है: :first-child{    /*declarations*/ } उदाहरण आइए CSS first-child स्यूडो क्लास का एक उदाहरण देखें: <!DOCTYPE html> <html> <head> &

हम CSS में किसी एलिमेंट की पोजिशनिंग को फिक्स्ड के रूप में परिभाषित कर सकते हैं जो एलिमेंट को उपयोगकर्ता के व्यूपोर्ट के सापेक्ष रेंडर करता है। फिक्स्ड पोजिशनिंग मेथड वाले एलिमेंट्स स्क्रॉल पर भी नहीं हिलते और CSS पोजिशनिंग प्रॉपर्टीज (लेफ्ट, राइट, टॉप और बॉटम) द्वारा पोजिशन किए जाते हैं। उदाहरण आइ

CSS height और width प्रॉपर्टीज का उपयोग क्रमशः किसी एलिमेंट की ऊंचाई और चौड़ाई निर्दिष्ट करने के लिए किया जाता है। हम max-height, max-width, min-height, और min-width प्रॉपर्टीज का उपयोग करके इन प्रॉपर्टीज के लिए अधिकतम और न्यूनतम मान भी सेट कर सकते हैं। सिंटैक्स CSS height और CSS width प्रॉपर्टी का

CSS margin प्रॉपर्टी का उपयोग चयनित एलिमेंट के बॉर्डर्स के चारों ओर मार्जिन क्षेत्र सेट करने के लिए किया जाता है। margin प्रॉपर्टी margin-top, margin-right, margin-bottom, और margin-left के लिए एक शॉर्टहैंड है। सिंटैक्स CSS margin प्रॉपर्टी का सिंटैक्स निम्नलिखित है: Selector {    margin:

CSS margin प्रॉपर्टी margin-top, margin-right, margin-bottom, और margin-left के लिए एक शॉर्टहैंड है। यह हमें एलिमेंट्स के चारों ओर स्पेस निर्दिष्ट करने में सक्षम बनाती है। हम व्यक्तिगत साइड्स के लिए मार्जिन भी सेट कर सकते हैं। सिंटैक्स CSS margin प्रॉपर्टी का सिंटैक्स निम्नलिखित है: Selector { &nbs

CSS में background-attachment प्रॉपर्टी का उपयोग व्यूपोर्ट के सापेक्ष पेज स्क्रॉल होने पर बैकग्राउंड इमेज की स्थिति निर्दिष्ट करने के लिए किया जाता है। इसके मान scroll, fixed और local हो सकते हैं। सिंटैक्स CSS background-attachment प्रॉपर्टी का सिंटैक्स निम्नलिखित है: Selector {    backgr