-
CSS के साथ नेविगेशन बार में स्टाइल को वर्तमान लिंक पर सेट करें
नेविगेशन बार में शैली को वर्तमान लिंक पर सेट करने के लिए, शैली को .active में जोड़ें। आप वर्तमान लिंक को स्टाइल करने के लिए निम्न कोड को चलाने का प्रयास कर सकते हैं: उदाहरण <!DOCTYPE html> <html> <head> <style> &nb
-
CSS के साथ वर्टिकल नेविगेशन बार बनाएं
एक लंबवत नेविगेशन बार बनाने के लिए, आप निम्न कोड चलाने का प्रयास कर सकते हैं। उदाहरण <!DOCTYPE html> <html> <head> <style> ul { list-style-type: none;
-
CSS का उपयोग करके सभी शीर्ष सीमा गुणों को एक घोषणा में सेट करें
सीमा-शीर्ष का उपयोग करें सीएसएस में संपत्ति एक ही घोषणा में सभी शीर्ष सीमा गुणों को सेट करने के लिए। उदाहरण बॉर्डर-टॉप . को लागू करने के लिए आप निम्न कोड चलाने का प्रयास कर सकते हैं संपत्ति - <!DOCTYPE html> <html> <head> <style> &nbs
-
सीएसएस के साथ तय की गई पृष्ठभूमि छवि सेट करें
पृष्ठभूमि-अनुलग्नक . का उपयोग करें पृष्ठभूमि छवि को निश्चित रूप से प्रदर्शित करने के लिए संपत्ति। उदाहरण बैकग्राउंड-अटैचमेंट . को लागू करने के लिए आप निम्न कोड को चलाने का प्रयास कर सकते हैं संपत्ति - <!DOCTYPE html> <html> <head> <style> &
-
CSS के साथ नेवबार के चारों ओर एक बॉर्डर सेट करें
नेवबार के चारों ओर बॉर्डर जोड़ने के लिए, बॉर्डर को . पर सेट करें ul { border: 2px solid blue; } उदाहरण सीमा निर्धारित करने के लिए आप निम्न कोड चलाने का प्रयास कर सकते हैं <!DOCTYPE html> <html> <head> <style> &nbs
-
स्टाइल <इनपुट> तत्व जिसमें सीएसएस के साथ कोई पठनीय विशेषता नहीं है
बिना रीड ओनली विशेषता वाले तत्वों का चयन करने के लिए CSS:रीड-राइट चयनकर्ता का उपयोग करें। उदाहरण आप इसे लागू करने के लिए निम्नलिखित कोड को चलाने का प्रयास कर सकते हैं:पठन-लेखन चयनकर्ता <!DOCTYPE html> <html> <head> <style> &nbs
-
CSS की भूमिका :आवश्यक चयनकर्ता
शैली <इनपुट> के लिए CSS :आवश्यक चयनकर्ता का उपयोग करें आवश्यक विशेषता वाले तत्व। आप :आवश्यक चयनकर्ता को लागू करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं: उदाहरण <!DOCTYPE html> <html> <head> <style> &n
-
सीएसएस स्थिति:चिपचिपा;
स्थिति:चिपचिपा; संपत्ति आपको स्क्रॉल स्थिति के आधार पर किसी तत्व को रखने की अनुमति देती है। जब कोई उपयोगकर्ता नीचे स्क्रॉल करता है तो तत्व को शीर्ष पर चिपचिपा के रूप में सेट करें। उदाहरण CSS स्थिति को लागू करने के लिए आप निम्न कोड को चलाने का प्रयास कर सकते हैं:चिपचिपा; <!DOCTYPE html> <ht
-
शैली <इनपुट> सीएसएस के साथ आवश्यक विशेषता वाले तत्व
CSS का उपयोग करें:आवश्यक विशेषता वाले तत्वों को स्टाइल करने के लिए आवश्यक चयनकर्ता। उदाहरण आप :आवश्यक चयनकर्ता को लागू करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं <!DOCTYPE html> <html> <head> <style>  
-
सीएसएस की भूमिका :रूट चयनकर्ता
दस्तावेज़ के मूल तत्व को स्टाइल करने के लिए CSS:रूट चयनकर्ता का उपयोग करें। उदाहरण आप :रूट चयनकर्ता को लागू करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं <!DOCTYPE html> <html> <head> <style> :root { &nb
-
CSS के साथ दस्तावेज़ के मूल तत्व को स्टाइल करें
दस्तावेज़ के मूल तत्व को स्टाइल करने के लिए, CSS:रूट चयनकर्ता का उपयोग करें। उदाहरण आप इसे लागू करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं:रूट चयनकर्ता <!DOCTYPE html> <html> <head> <style> :root { &n
-
सीएसएस की भूमिका:लक्ष्य चयनकर्ता
CSS का उपयोग करें:CSS के साथ सक्रिय HTML एंकर को हाइलाइट करने के लिए लक्ष्य चयनकर्ता। उदाहरण आप :target Selector को लागू करने के लिए निम्न कोड को चलाने का प्रयास कर सकते हैं <!DOCTYPE html> <html> <head> <style> &
-
प्रत्येक तत्व को स्टाइल करें जो सीएसएस के साथ निर्दिष्ट तत्व नहीं है
प्रत्येक तत्व को स्टाइल करने के लिए जो निर्दिष्ट तत्व नहीं है, सीएसएस का उपयोग करें:नहीं (चयनकर्ता) चयनकर्ता। उदाहरण आप :नहीं चयनकर्ता को लागू करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं: <!DOCTYPE html> <html> <head> <style> &n
-
CSS के साथ सक्रिय HTML एंकर को हाइलाइट करने की शैली
CSS के साथ सक्रिय HTML एंकर को हाइलाइट करने के लिए, :target चयनकर्ता का उपयोग करें। उदाहरण आप :लक्ष्य चयनकर्ता को लागू करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं: <!DOCTYPE html> <html> <head> <style>  
-
CSS की भूमिका:मान्य चयनकर्ता
CSS का उपयोग करें:मान्य चयनकर्ता सभी तत्वों को एक मान्य मान के साथ स्टाइल करने के लिए। उदाहरण आप :वैध चयनकर्ता को लागू करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं <!DOCTYPE html> <html> <head> <style>  
-
CSS की भूमिका:केवल-प्रकार का चयनकर्ता
प्रत्येक तत्व को स्टाइल करने के लिए CSS :only-of-type चयनकर्ता का उपयोग करें जो कि उसके माता-पिता का एकमात्र तत्व है। उदाहरण आप :only-of-type चयनकर्ता को लागू करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं <!DOCTYPE html> <html> <head> <st
-
प्रत्येक <p>
तत्व को स्टाइल करें जो CSS के साथ अपने माता-पिता का एकमात्र <p>
तत्व है
प्रत्येक तत्व को स्टाइल करने के लिए CSS :only-of-type चयनकर्ता का उपयोग करें जो कि उसके माता-पिता का एकमात्र तत्व है। उदाहरण आप :only-of-type चयनकर्ता को लागू करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं: <!DOCTYPE html> <html> <head> <s
-
CSS की भूमिका :only-child Selector
CSS का उपयोग करें:केवल-बाल चयनकर्ता प्रत्येक तत्व को स्टाइल करने के लिए जो उसके माता-पिता का एकमात्र बच्चा है। उदाहरण आप :only-child चयनकर्ता को लागू करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं <!DOCTYPE html> <html> <head> <style> &
-
CSS की भूमिका :वैकल्पिक चयनकर्ता
बिना आवश्यक विशेषता वाले तत्वों को स्टाइल करने के लिए सीएसएस :वैकल्पिक चयनकर्ता का उपयोग करें उदाहरण आप :वैकल्पिक चयनकर्ता को लागू करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं: <!DOCTYPE html> <html> <head> <style>
-
स्टाइल <इनपुट> तत्व जिसमें सीएसएस के साथ कोई आवश्यक विशेषता नहीं है
बिना आवश्यक विशेषता वाले तत्वों को स्टाइल करने के लिए सीएसएस :वैकल्पिक चयनकर्ता का उपयोग करें। उदाहरण आप :वैकल्पिक चयनकर्ता को लागू करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं: <!DOCTYPE html> <html> <head> <style>