निम्न कुछ आमतौर पर उपयोग की जाने वाली स्यूडो-क्लास हैं: मान विवरण :link अनविज़िटेड लिंक में विशेष स्टाइल जोड़ने के लिए इस क्लास का उपयोग करें। :visited विज़िटेड लिंक में विशेष स्टाइल जोड़ने के लिए इस क्लास का उपयोग करें।

किसी अन्य एलिमेंट के पहले चाइल्ड एलिमेंट में विशेष स्टाइल जोड़ने के लिए :first-child स्यूडो-क्लास का उपयोग करें। उदाहरण :first-child स्यूडो-क्लास के उपयोग को समझने के लिए निम्न कोड चलाएं: p:first-child { text-indent: 25px; } </style> </head> <body> <

निर्दिष्ट एलिमेंट में उपयोग करने के लिए भाषा निर्दिष्ट करने के लिए :lang स्यूडो-क्लास का उपयोग करें। यह क्लास उन डॉक्यूमेंट्स में उपयोगी है जिन्हें कई भाषाओं में अपील करनी चाहिए जिनमें कुछ भाषा निर्माणों के लिए अलग-अलग कन्वेंशन हैं। उदाहरण :lang स्यूडो-क्लास के उपयोग को समझने के लिए निम्न कोड चलाएं

visibility नामक एक प्रॉपर्टी आपको किसी एलिमेंट को व्यू से छिपाने की अनुमति देती है। आप इस प्रॉपर्टी का उपयोग JavaScript के साथ बहुत जटिल मेनू और बहुत जटिल वेबपेज लेआउट बनाने के लिए कर सकते हैं। visibility प्रॉपर्टी निम्न तालिका में सूचीबद्ध मान ले सकती है: मान विवरण

visibility प्रॉपर्टी का मान visible किसी एलिमेंट को दृश्यमान बनाने के लिए उपयोग किया जाता है। उदाहरण visible प्रॉपर्टी को लागू करने के लिए निम्न कोड चलाएं: <html> <head> <style> p { visibility: hidden; } </style> </head> <body>

CSS आपको अपने HTML एलिमेंट को पोजिशन करने में मदद करता है। आप किसी भी HTML एलिमेंट को जहां चाहें वहां रख सकते हैं। आप निर्दिष्ट कर सकते हैं कि आप एलिमेंट को पेज में उसकी नेचुरल पोजिशन के सापेक्ष स्थित करना चाहते हैं या उसके पैरेंट एलिमेंट के आधार पर एब्सोल्यूटली। उदाहरण आइए रिलेटिव पोजिशनिंग का एक

CSS में पोजिशनिंग से संबंधित प्रॉपर्टीज हैं: रिलेटिव पोजिशनिंग रिलेटिव पोजिशनिंग HTML एलिमेंट की स्थिति को वहां से बदल देती है जहां वह सामान्य रूप से दिखाई देता है। तो left:20 एलिमेंट के LEFT पोजिशन में 20 पिक्सेल जोड़ता है। एब्सोल्यूट पोजिशनिंग position: absolute वाला एलिमेंट आपकी स्क्रीन के ऊपरी

रिलेटिव पोजिशनिंग HTML एलिमेंट की स्थिति को वहां से बदल देती है जहां वह सामान्य रूप से दिखाई देता है। तो left:20 एलिमेंट के LEFT पोजिशन में 20 पिक्सेल जोड़ता है। आप HTML एलिमेंट को HTML डॉक्यूमेंट में कहीं भी ले जाने के लिए top और left मानों का उपयोग position प्रॉपर्टी के साथ कर सकते हैं। बाएं

position: absolute वाला एलिमेंट आपकी स्क्रीन के ऊपरी-बाएं कोने के सापेक्ष निर्दिष्ट कोऑर्डिनेट पर स्थित होता है। आप HTML एलिमेंट को HTML डॉक्यूमेंट में कहीं भी ले जाने के लिए top और left मानों का उपयोग position प्रॉपर्टी के साथ कर सकते हैं। बाएं ले जाएं - left के लिए नेगेटिव मान उपयोग करें। द

फिक्स्ड पोजिशनिंग आपको किसी एलिमेंट की स्थिति को पेज पर एक विशेष स्थान पर फिक्स करने की अनुमति देती है, चाहे स्क्रॉलिंग हो रही हो। निर्दिष्ट कोऑर्डिनेट ब्राउज़र विंडो के सापेक्ष होंगे। आप HTML एलिमेंट को HTML डॉक्यूमेंट में कहीं भी ले जाने के लिए top और left मानों का उपयोग position प्रॉपर्टी के साथ

z-index प्रॉपर्टी का उपयोग position प्रॉपर्टी के साथ लेयर्स का प्रभाव बनाने के लिए किया जाता है। आप निर्दिष्ट कर सकते हैं कि कौन सा एलिमेंट शीर्ष पर आना चाहिए और कौन सा नीचे। उदाहरण z-index प्रॉपर्टी को लागू करने के लिए निम्न कोड चलाएं: <html> <head> </head> <body>

CSS स्यूडो-क्लास का उपयोग कुछ सिलेक्टर्स में विशेष प्रभाव जोड़ने के लिए किया जाता है। आपको उन प्रभावों का उपयोग करने के लिए JavaScript या किसी अन्य स्क्रिप्ट की आवश्यकता नहीं होती। सबसे अधिक उपयोग की जाने वाली स्यूडो-क्लास हैं: मान विवरण :link अनविज

:link स्यूडो-क्लास का उपयोग अनविज़िटेड लिंक में विशेष स्टाइल जोड़ने के लिए किया जाता है। संभावित मान किसी भी वैध फॉर्मेट में कोई भी कलर नाम हो सकता है। उदाहरण <html> <head> <style> a:link { color:#000000; } </style> </head> <body> <a hr

line-height प्रॉपर्टी का उपयोग टेक्स्ट की एक लाइन की ऊंचाई सेट करने के लिए किया जाता है। line-height प्रॉपर्टी का मान एक संख्या, लंबाई, या प्रतिशत हो सकता है। उदाहरण <html> <head> </head> <body> <p style=width:300px; height:100px; border:2px solid green; padding

min-height प्रॉपर्टी का उपयोग उस न्यूनतम ऊंचाई को सेट करने के लिए किया जाता है जो एक बॉक्स की हो सकती है। min-height प्रॉपर्टी का मान एक संख्या, लंबाई, या प्रतिशत हो सकता है। उदाहरण <html> <head> </head> <body> <p style=width:400px; min-height:150px; border:1px

CSS का उपयोग करके लेयर्स बनाने के लिए, आप z-index प्रॉपर्टी का उपयोग कर सकते हैं। उदाहरण <html> <head> </head> <body> <div style=background-color:red; width:300px; height:100px; position:relative; top:10px; left:80px; z-index:2> </div> <div s

margin-right किसी एलिमेंट के दाएं मार्जिन को निर्दिष्ट करता है। इसका मान लंबाई, प्रतिशत, या auto में हो सकता है। उदाहरण दाएं मार्जिन सेट करने के लिए निम्न कोड चलाएं: <html> <head> </head> <body> <p style=margin-right: 10px; border:2px solid red;> यह एक

max-width प्रॉपर्टी का उपयोग उस अधिकतम चौड़ाई को सेट करने के लिए किया जाता है जो एक बॉक्स की हो सकती है। max-width प्रॉपर्टी का मान एक संख्या, लंबाई, या प्रतिशत हो सकता है। उदाहरण <html> <head> </head> <body> <p style=max-width:100px; height:200px; border:1px so

min-width प्रॉपर्टी का उपयोग उस न्यूनतम चौड़ाई को सेट करने के लिए किया जाता है जो एक बॉक्स की हो सकती है। min-width प्रॉपर्टी का मान एक संख्या, लंबाई, या प्रतिशत हो सकता है। उदाहरण <html> <head> </head> <body> <p style=min-width:400px; height:100px; border:1px s

CSS overflow प्रॉपर्टी ब्राउज़र को बताती है कि यदि बॉक्स का कंटेंट बॉक्स से बड़ा है तो क्या करना है। यह प्रॉपर्टी निम्न मान ले सकती है: मान विवरण visible कंटेंट को उसके कंटेनर एलिमेंट की बॉर्डर से बाहर निकलने की अनुमति देता है। hidden