-
CSS में बैकग्राउंड पोजीशन सेट करना
मूल के सापेक्ष पृष्ठभूमि छवि के लिए प्रारंभिक स्थिति निर्धारित करने के लिए CSS पृष्ठभूमि-स्थिति गुण का उपयोग किया जाता है। सिंटैक्स CSS बैकग्राउंड-पोजिशन प्रॉपर्टी का सिंटैक्स इस प्रकार है - Selector { background-position: /*value*/ } निम्नलिखित उदाहरण CSS पृष्ठभूमि-स्थिति गुण को दर्श
-
CSS में एंबेडेड या आंतरिक स्टाइल शीट
CSS फ़ाइलों को टैग में घोषित करके आंतरिक रूप से एम्बेड किया जा सकता है। इससे वेबपेज का लोड टाइम कम हो जाता है। हालांकि एम्बेडेड सीएसएस घोषणाएं गतिशील शैलियों की अनुमति देती हैं, इसे प्रत्येक पृष्ठ अनुरोध पर डाउनलोड किया जाना चाहिए क्योंकि आंतरिक सीएसएस को कैश नहीं किया जा सकता है। आंतरिक CSS को टैग
-
CSS में बाहरी स्टाइल शीट्स को लिंक करना
CSS हमें बाहरी स्टाइल शीट को हमारी फाइलों से जोड़ने की अनुमति देता है। यह हमें सीएसएस में अलग से बदलाव करने में मदद करता है और पेज लोड समय में सुधार करता है। बाहरी फ़ाइलें दस्तावेज़ के के अंदर टैग में निर्दिष्ट हैं। सिंटैक्स बाहरी सीएसएस को शामिल करने का सिंटैक्स इस प्रकार है। <link rel="
-
छद्म वर्ग और सीएसएस कक्षाएं
CSS Pseudo-classes को एक Html तत्व के लिए अधिक चयनात्मक दृष्टिकोण प्रदान करने के लिए स्वयं तत्वों के बजाय CSS कक्षाओं के साथ जोड़ा जा सकता है। उदाहरण आइए CSS छद्म-वर्गों और CSS कक्षाओं के संयोजन के लिए एक उदाहरण देखें - <!DOCTYPE html> <html> <head> <style> div { &nbs
-
CSS में टेबल बॉर्डर को छोटा करना
CSS Border-collapse संपत्ति का उपयोग यह निर्दिष्ट करने के लिए किया जाता है कि तत्वों ने साझा किया है या अलग सीमाएं हैं। इसमें दो मान हो सकते हैं:अलग और संक्षिप्त। सिंटैक्स CSS बॉर्डर-पतन संपत्ति का सिंटैक्स इस प्रकार है - <!DOCTYPE html> <html> <head> <style> #cdemo {
-
CSS का उपयोग करके पृष्ठभूमि छवि सेट करना
CSS बैकग्राउंड-इमेज प्रॉपर्टी का इस्तेमाल इमेज को चुने गए एलीमेंट के लिए बैकग्राउंड के तौर पर सेट करने के लिए किया जाता है। सिंटैक्स CSS बैकग्राउंड-इमेज प्रॉपर्टी का सिंटैक्स इस प्रकार है - चयनकर्ता {पृष्ठभूमि-छवि:/*मान*/} निम्नलिखित उदाहरण CSS बैकग्राउंड-इमेज प्रॉपर्टी को दर्शाते हैं - उदाहरण #de
-
सीएसएस में रूपरेखा आशुलिपि संपत्ति
आउटलाइन शॉर्टहैंड प्रॉपर्टी को तत्व की सीमाओं के चारों ओर विशिष्ट शैली (आवश्यक), मोटाई और रंग की एक रेखा खींचने के लिए परिभाषित किया जा सकता है, लेकिन रूपरेखा सीमा संपत्ति के विपरीत तत्व के आयामों का हिस्सा नहीं है। सिंटैक्स CSS आउटलाइन शॉर्टहैंड प्रॉपर्टी का सिंटैक्स इस प्रकार है - चयनकर्ता { रूपर
-
CSS का उपयोग करके सक्रिय लिंक के आसपास बिंदीदार रेखा को हटाना
हम हाइपरलिंक्स के डिफ़ॉल्ट व्यवहार को हटा सकते हैं, जो सक्रिय या केंद्रित लिंक पर सीएसएस आउटलाइन प्रॉपर्टी को कोई नहीं होने की घोषणा करके सक्रिय या केंद्रित होने पर अपने चारों ओर एक बिंदीदार रूपरेखा दिखाना है। समाधान a, a:active, a:focus { outline: none; } उदाहरण आइए देखें कि एक उदाहरण
-
CSS का उपयोग करके Custom Cursor कैसे बनाएं
हम .cur (इंटरनेट एक्सप्लोरर के लिए), .gif और .png (क्रोम, फ़ायरफ़ॉक्स, सफारी के लिए) जैसे एक्सटेंशन के साथ एक कस्टम कर्सर छवि बना सकते हैं और इसे CSS कर्सर प्रॉपर्टी का उपयोग करके एक तत्व पर लागू कर सकते हैं और इसे एक url और में सेट कर सकते हैं। एक सामान्य कर्सर मान जैसे कि ऑटो, डिफॉल्ट, पॉइंटर, आदि
-
सीएसएस के साथ काम करना इनलाइन-ब्लॉक प्रदर्शित करें
मूल्य इनलाइन-ब्लॉक के साथ सीएसएस डिस्प्ले प्रॉपर्टी सामग्री की चौड़ाई या प्रदान की गई चौड़ाई के अनुसार एक तत्व प्रस्तुत करती है, जो भी अधिक हो, यह तब तक लाइन ब्रेक को मजबूर नहीं करती जब तक कि मूल तत्व की चौड़ाई पूरी तरह से उपयोग न हो जाए। सिंटैक्स CSS डिस्प्ले इनलाइन-ब्लॉक का सिंटैक्स निम्नलिखित है
-
सापेक्ष स्थिति निर्धारण सीएसएस में कार्य करना
हम सीएसएस में एक तत्व की स्थिति को सापेक्ष के रूप में परिभाषित कर सकते हैं जो सामान्य रूप से तत्व को प्रस्तुत करता है। सापेक्ष के रूप में पोजिशनिंग विधि वाले तत्व सीएसएस पोजिशनिंग गुणों (बाएं, दाएं, ऊपर और नीचे) द्वारा स्थित होते हैं। उदाहरण आइए CSS सापेक्ष स्थिति निर्धारण विधि के लिए एक उदाहरण देख
-
सीएसएस में पृष्ठभूमि आशुलिपि संपत्ति
CSS बैकग्राउंड शॉर्टहैंड प्रॉपर्टी का इस्तेमाल किसी एलीमेंट के लिए बैकग्राउंड को परिभाषित करने के लिए किया जाता है। बैकग्राउंड-कलर, बैकग्राउंड-इमेज, बैकग्राउंड-रिपीट, बैकग्राउंड-पोजिशन, बैकग्राउंड-क्लिप, बैकग्राउंड-साइज, बैकग्राउंड-ओरिजिन और बैकग्राउंड-अटैचमेंट एक साथ CSS बैकग्राउंड प्रॉपर्टीज को शा
-
CSS का उपयोग करके फ़ॉन्ट स्टाइलिंग के लिए एक व्यावहारिक मार्गदर्शिका
CSS फ़ॉन्ट स्टाइलिंग में महत्वपूर्ण भूमिका निभाता है। सीएसएस फ़ॉन्ट गुण हमें फ़ॉन्ट-परिवार, फ़ॉन्ट-आकार, फ़ॉन्ट-वजन, फ़ॉन्ट-कर्निंग और बहुत अधिक गुणों को बदलने की अनुमति देते हैं। CSS फॉन्ट प्रॉपर्टी फॉन्ट-स्टाइल, फॉन्ट-वेरिएंट, फॉन्ट-वेट, फॉन्ट-साइज / लाइन-हाइट और फॉन्ट-फ़ैमिली के लिए एक शॉर्टहैंड
-
सीएसएस में फ़ॉन्ट गुण
CSS फ़ॉन्ट गुण हमें टेक्स्ट की उपस्थिति को संशोधित करने की अनुमति देते हैं। निम्नलिखित गुण हमें टेक्स्ट को स्टाइल करने में मदद करते हैं। फ़ॉन्ट-फ़ैमिली इस प्रॉपर्टी का इस्तेमाल किसी एलीमेंट के लिए फॉन्ट फेस सेट करने के लिए किया जाता है। फ़ॉन्ट-कर्निंग कैरेक्टर स्पेसिंग को एक समान बनाने और पठनी
-
सीएसएस में फ़ॉन्ट परिवार
CSS font-family संपत्ति का उपयोग चयनित तत्व के लिए एक विशिष्ट फ़ॉन्ट सेट करने के लिए किया जाता है। क्रॉस-ब्राउज़र संगतता सुनिश्चित करने के लिए अतिरिक्त फ़ॉन्ट निर्दिष्ट करके वेब-सुरक्षित फ़ॉन्ट का उपयोग करने की अनुशंसा की जाती है। सिंटैक्स CSS फॉन्ट-फ़ैमिली प्रॉपर्टी का सिंटैक्स इस प्रकार है &mins;
-
CSS में Box Model क्या है?
HTML दस्तावेज़ में प्रत्येक तत्व ब्राउज़र द्वारा एक आयताकार बॉक्स के रूप में प्रस्तुत किया जाता है। चौड़ाई, ऊंचाई, पैडिंग और मार्जिन तत्व के चारों ओर आवंटित स्थान निर्धारित करते हैं। निम्नलिखित आरेख बॉक्स मॉडल अवधारणा को दर्शाता है - स्रोत:w3.org सामग्री इसमें टेक्स्ट, इमेज या अन्य मीडिया सा
-
CSS मीडिया प्रकार और प्रश्नों को समझना
CSS मीडिया प्रकार और क्वेरी उपयोगकर्ता को डिवाइस के सामान्य प्रकार (स्क्रीन, प्रिंट, आदि) या उसकी विशेषताओं (स्क्रीन रिज़ॉल्यूशन, व्यूपोर्ट आयाम, आदि) के अनुसार कुछ शैलियों को परिभाषित करने में मदद करते हैं। सिंटैक्स मीडिया प्रश्नों के लिए सिंटैक्स निम्नलिखित है - @मीडिया नहीं | केवल मीडियाटाइप और
-
सीएसएस में इनलाइन-स्तरीय तत्व और इनलाइन बॉक्स
इनलाइन-स्तरीय तत्वों में उनकी सीएसएस डिस्प्ले प्रॉपर्टी या तो इनलाइन, इनलाइन-टेबल , या इनलाइन-ब्लॉक पर सेट होती है और ये तत्व स्वयं के ऊपर और नीचे लाइन ब्रेक को मजबूर नहीं करते हैं। इनलाइन-लेवल बॉक्स प्रत्येक इनलाइन-लेवल एलीमेंट द्वारा जेनरेट किए जाते हैं जो पोजीशनिंग स्कीम का एक हिस्सा होता है और स
-
CSS में रूपरेखा-शैली की संपत्ति
रूपरेखा-शैली की संपत्ति को तत्व की सीमाओं के चारों ओर एक रेखा खींचने के लिए परिभाषित किया जा सकता है, लेकिन रूपरेखा सीमा संपत्ति के विपरीत तत्व के आयामों का हिस्सा नहीं है। सिंटैक्स CSS आउटलाइन-स्टाइल प्रॉपर्टी का सिंटैक्स इस प्रकार है - चयनकर्ता { रूपरेखा-शैली:/*value*/} उदाहरण आइए रूपरेखा-शैली .
-
सीएसएस में संपत्ति का उपयोग प्रदर्शित करें
सभी HTML तत्वों के पास उनकी CSS प्रदर्शन संपत्ति के लिए एक डिफ़ॉल्ट मान सेट होता है। यह गुण निर्दिष्ट करता है कि दस्तावेज़ में तत्व कैसे प्रस्तुत किया जाएगा। नोट - डिफॉल्ट डिस्प्ले प्रॉपर्टी को ओवरराइड किया जा सकता है लेकिन यह तत्व के प्रकार को केवल दस्तावेज़ पर उसके प्रदर्शन व्यवहार को नहीं बदलता
