CSS :focus psuedo-class अपनी फ़ोकस स्थिति में एक तत्व का चयन करता है। यह तब होता है जब आप किसी तत्व पर क्लिक करते हैं या टैब बटन से उसका चयन करते हैं। :फोकस उस तत्व के नाम के बाद आता है जिसे आप चुनना चाहते हैं। हो सकता है कि आप किसी तत्व पर शैली तभी लागू करना चाहें, जब उसका ध्यान वेब पेज पर हो। उद

ब्राउज़र यह निर्धारित करने के लिए सीएसएस बॉक्स मॉडल का उपयोग करता है कि किसी वेब पेज पर तत्व कैसे दिखना चाहिए। बॉक्स मॉडल एक तत्व के आकार और उसकी सीमा, पैडिंग और मार्जिन का प्रतिनिधित्व करता है। आप इनमें से प्रत्येक तत्व को अलग-अलग स्टाइल कर सकते हैं। प्रत्येक तत्व एक बॉक्स से घिरा हुआ है। यह समझन

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

सीएसएस विशिष्टता अवधारणा न केवल एक जीभ ट्विस्टर का एक छोटा सा है (इसे तीन बार तेजी से कहने का प्रयास करें!), लेकिन यह थोड़ा दिमागी भी हो सकता है! यह सीएसएस में समझने के लिए और अधिक कठिन अवधारणाओं में से एक है। इस लेख में, हम इस बात पर चर्चा करेंगे कि विशिष्टता से हमारा क्या मतलब है, इसकी गणना कैसे क

कर्सर . के बाद से मौजूद हैं सभी प्रदर्शनों की जननी जहां डगलस एंगलबार्ट ने साठ के दशक के अंत में माउस और ग्राफिकल यूजर इंटरफेस को दुनिया के सामने पेश किया। माउस कर्सर हमें यह देखने की अनुमति देता है कि हम अपने कंप्यूटर स्क्रीन पर अंतरिक्ष में कहाँ हैं। एक उपयोगकर्ता अनुभव उपकरण के रूप में, हमें यह

वेब डेवलपर सीएसएस पृष्ठभूमि-स्थिति गुण का उपयोग तब करते हैं जब उन्हें उस पृष्ठभूमि छवि के लिए प्रारंभिक स्थिति को समायोजित करने की आवश्यकता होती है जिसके साथ वे काम कर रहे हैं। इस लेख में, हम पृष्ठभूमि-स्थिति गुण पर एक नज़र डालेंगे और आपकी छवि की स्थिति बदलने के लिए इसे कैसे समायोजित करेंगे। सिंटैक

डेवलपर्स के रूप में हमें जो कुछ करना है, उनमें से एक यह है कि जब कोई नया प्रोजेक्ट दिया जाए तो किसी समस्या से कैसे निपटा जाए। उत्तरदायी वेबसाइटों के साथ काम करते समय, हम अक्सर अपनी वेबसाइट को लेआउट करने के लिए सीएसएस ग्रिड और सीएसएस फ्लेक्सबॉक्स के बीच चयन करते हैं। यह लेख ग्रिड और फ्लेक्सबॉक्स के ब

कभी-कभी जब हम अपना CSS बनाते हैं, तो हम एक निश्चित तत्व को लक्षित करना चाहते हैं। मान लें कि हमारे पास <div> . से भरा HTML दस्तावेज़ है टैग और <span> टैग, लेकिन केवल प्रत्येक प्रकार के पहले को किसी तरह से स्टाइल करने के लिए लक्षित करना चाहता था। हम इसे :फर्स्ट-ऑफ़-टाइप स्यूडो-क्लास कह सक

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

बूटस्ट्रैप कार्ड बूटस्ट्रैप कार्ड इसके सबसे लोकप्रिय घटकों में से एक है, और अच्छे कारण के साथ। वे एक बहुत ही लचीले मीडिया कंटेनर के रूप में काम करते हैं, और उनमें कुछ अच्छी प्रीसेट स्टाइलिंग और फ़ॉर्मेटिंग होती है। कार्ड सामग्री टेक्स्ट, छवियों, लिंक, बटन, सूचियों से कुछ भी हो सकती है, और इसमें शी

जब आपके UI को विशिष्ट बनाने की बात आती है, तो सही रंग पैलेट चुनने जैसा कुछ नहीं होता है। इस ट्यूटोरियल के साथ आप सीखेंगे कि जब आप अपना UI बनाते हैं तो तत्वों, फ़ॉन्ट्स और बहुत कुछ के लिए रंग असाइन करना कितना आसान होता है। रंग जोड़ने के लिए, CSS में color होता है डेटा प्रकार, जो मानक लाल, हरे, नीले

आज हम एक सुसुवातारी . को केंद्र में रखने का प्रयास करेंगे . इन छोटे जीवों को आमतौर पर कालिख के रूप में जाना जाता है, जो बहुत अधिक घूमना पसंद करते हैं, इसलिए हमें स्थिर और केंद्र में रहने की आवश्यकता है ताकि हम उनमें से एक या अधिक की तस्वीर ले सकें। चलो यह करते हैं! नोट:जैसा कि आप पढ़ते हैं, कृपया ब

सीएसएस फॉन्ट-साइज प्रॉपर्टी आपके पेज या वेबसाइट पर किसी भी टेक्स्ट एलिमेंट का फॉन्ट साइज सेट करती है। फ़ॉन्ट-आकार की संपत्ति किसी भी वर्ग, आईडी या तत्व पर लागू की जा सकती है जिसमें टेक्स्ट सामग्री शामिल है। संपत्ति px, em, rem, vw, vh, और कीवर्ड का उपयोग करके मान स्वीकार करती है। अधिकांश डेवलपर व

जब आप CSS के साथ अपना लेआउट डिज़ाइन कर रहे होते हैं, तो आप अक्सर तत्वों को ऊपर/नीचे या बाएँ/दाएँ स्थान देते हैं। z-index हमें तत्वों को Z-अक्ष पर तीसरे आयाम पर एक स्टैकिंग प्रभाव (एक दूसरे के ऊपर) के साथ स्थानांतरित करने की अनुमति देता है। z-index संपत्ति या तो auto लेती है कीवर्ड या पूर्णांक। ये स

font-style . के साथ CSS संपत्ति हम अपने टेक्स्ट पर जोर देने के लिए विशेषताओं के एक सेट के साथ अपने फ़ॉन्ट को स्टाइल कर सकते हैं। हमेशा की तरह, मेरा कोडपेन चेकआउट करें ताकि आप मेरे साथ कोड-अलॉन्ग कर सकें। फ़ॉन्ट-शैली सिंटैक्स और विकल्प font-style . का उपयोग करते समय हमारे पास निम्नलिखित विकल्प ह

सीएसएस पृष्ठभूमि छवि संपत्ति एक वेबसाइट की पृष्ठभूमि को एक छवि में बदल देती है। पृष्ठभूमि छवि का उपयोग करके एक पृष्ठभूमि छवि सेट की जाती है:url(url_of_image) गुण। आप एक से अधिक पृष्ठभूमि छवियां निर्दिष्ट कर सकते हैं जो पृष्ठभूमि-छवि गुण का उपयोग करके ओवरलैप करती हैं। आधुनिक साइटों पर पृष्ठभूमि छव

आइए आगे बढ़ते हैं और कुछ मज़ेदार CSS आकार बनाते हैं! सभी कोड के लिए मेरे कोडपेन को फॉलो करें। आइए इसे करते हैं। आयत और वर्ग हमारे सभी आकार एक डिव में लपेटे जाएंगे। सबसे बुनियादी आकार वर्ग और आयत है क्योंकि डिफ़ॉल्ट रूप से div चौड़ाई और ऊंचाई के गुणों के आधार पर एक वर्ग या आयत है। तो वर्ग की चौड़ाई

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

CSS चयनकर्ता वेब डेवलपर्स को वेब पेज पर किसी विशेष तत्व या तत्वों के सेट पर शैलियों को लागू करने की अनुमति देते हैं। चयनकर्ताओं के साथ काम करते समय, आप यह तय कर सकते हैं कि आप केवल एक विशेष विशेषता वाले तत्वों को लक्षित करना चाहते हैं। यहीं पर CSS विशेषता चयनकर्ता आता है। विशेषता चयनकर्ता आपको कु

CSS लिखते समय, आप एक ऐसी स्थिति का सामना कर सकते हैं जहाँ आप यह बदलना चाहते हैं कि पृष्ठ पर एक तत्व कैसे संरेखित है। इस लेख में, हम CSS संपत्ति और संपत्ति के मूल्यों का पता लगाएंगे जो एक तत्व को लंबवत रूप से संरेखित करने के तरीके को बदल देगा। संपत्ति के लिए वाक्य रचना इस प्रकार है: vertical-align: