-
CSS में विभिन्न मीडिया प्रकार
CSS मीडिया प्रकार वे उपकरण प्रकार हैं जिन पर दस्तावेज़ प्रस्तुत किया जाता है और प्रत्येक मीडिया प्रकार के लिए विशिष्ट शैलियों को परिभाषित किया जा सकता है। CSS3 और मीडिया क्वेरीज़ 4 में मीडिया प्रकार निम्नलिखित हैं - क्रमांक मूल्य और विवरण 1 सभी स्टाइलशीट सभी मीडिया प्रकार के उपकरणों पर लागू
-
CSS इमेज स्प्राइट्स कैसे बनाएं और उपयोग करें
CSS इमेज स्प्राइट एक दस्तावेज़ पृष्ठ में सभी चित्रों की एक संयुक्त छवि फ़ाइल है। इमेज स्प्राइट्स आना उपयोगी है क्योंकि इमेज रिसोर्सेज को केवल एक बार लोड करना होगा। CSS पृष्ठभूमि-स्थिति का उपयोग करके संयुक्त छवि के विभिन्न भागों को दिखाया जा सकता है। आइए CSS इमेज स्प्राइट्स के लिए एक उदाहरण देखें -
-
सीएसएस में :लास्ट-चाइल्ड स्यूडो-क्लास
CSS :last-child छद्म वर्ग एक ऐसे तत्व का चयन करता है जो किसी अन्य तत्व का अंतिम बाल तत्व है। सिंटैक्स निम्नलिखित वाक्य रचना है - :last-child{ /*declarations*/} आइए CSS लास्ट-चाइल्ड स्यूडो क्लास का एक उदाहरण देखें - उदाहरण टेबल { मार्जिन:ऑटो; पैडिंग:10px; सीमा:एचएसएल (54, 100%, 50%) ठोस 13पीएक्
-
CSS विज़ुअल फ़ॉर्मेटिंग को समझना
CSS विज़ुअल फ़ॉर्मेटिंग एक एल्गोरिथम के अनुरूप एक मॉडल है जो दस्तावेज़ के प्रत्येक तत्व को संसाधित करता है और एक या अधिक बॉक्स उत्पन्न करने के लिए परिवर्तित करता है जो CSS बॉक्स मॉडल के अनुरूप है। संसाधित तत्वों का CSS बॉक्स जनरेशन - ब्लॉक स्तर ये तत्व अपने ऊपर और नीचे लाइन को तोड़ने के लिए मजबू
-
HTML में तत्व कैसे तैरते हैं?
हम सीएसएस फ्लोट प्रॉपर्टी वाले तत्वों को या तो बाएँ या दाएँ पैरेंट एलिमेंट के साथ फ़्लोट कर सकते हैं। अन्य तत्वों को फ़्लोट की गई सामग्री के आसपास रखा गया है। फ़्लोट प्रॉपर्टी के समान मान वाले एकाधिक तत्वों को एक साथ रखा गया है। उदाहरण आइए CSS फ्लोट प्रॉपर्टी के लिए एक उदाहरण देखें - <!DOCTYPE
-
सीएसएस में मार्जिन संपत्ति का उपयोग करके केंद्र संरेखण
हम CSS मार्जिन संपत्ति का उपयोग करके क्षैतिज रूप से एक ब्लॉक-स्तरीय तत्व को केंद्र में रख सकते हैं, लेकिन उस तत्व की CSS चौड़ाई संपत्ति सेट की जानी चाहिए। आइए CSS मार्जिन गुण का उपयोग करके किसी तत्व को केंद्र में रखने के लिए एक उदाहरण देखें - उदाहरण <!DOCTYPE html> <html> <head> &
-
CSS का उपयोग करके पिक्सेल के साथ फ़ॉन्ट आकार सेट करना
पाठ्य को केवल एक विशिष्ट संख्या में पिक्सेल का उपयोग करने के लिए हम पिक्सेल में फ़ॉन्ट-आकार निर्दिष्ट कर सकते हैं। पिक्सेल आकार स्क्रीन के रिज़ॉल्यूशन और इसकी गणना करने के लिए ब्राउज़र द्वारा उपयोग किए जाने वाले एल्गोरिथम पर आधारित होता है। सिंटैक्स CSS फॉन्ट-साइज़ प्रॉपर्टी का सिंटैक्स इस प्रकार ह
-
सीएसएस में टेबल लेआउट को नियंत्रित करना
सीएसएस तालिका-लेआउट गुण तालिका की पंक्तियों, स्तंभों और कक्षों को बिछाने के लिए ब्राउज़र द्वारा उपयोग किए जाने वाले एल्गोरिथम को परिभाषित करने के लिए है। इसके जरिए आप टेबल लेआउट को कंट्रोल कर सकते हैं। सिंटैक्स CSS टेबल-लेआउट प्रॉपर्टी का सिंटैक्स इस प्रकार है - Selector { table-layout
-
सीएसएस इकाइयों को समझना
CSS इकाइयाँ विभिन्न प्रकार की श्रेणियों में आती हैं जैसे कि फ़ॉन्ट-आकार, वर्ण-आकार, व्यूपोर्ट आयाम, आदि। मोटे तौर पर निरपेक्ष और सापेक्ष इकाइयों की दो श्रेणियां हैं जिनमें उपर्युक्त उप श्रेणियां शामिल हैं। CSS निरपेक्ष इकाइयाँ निम्नलिखित हैं - क्रमांक इकाई और नाम 1 सेमी सेंटीमीटर (1 सेमी =1
-
CSS का उपयोग करके खाली सेल को संभालना
CSS खाली-कोशिकाओं की संपत्ति का उपयोग किसी तालिका के खाली कक्षों के प्रदर्शन को निर्दिष्ट करने के लिए किया जाता है। CSS खाली-कोशिकाओं की संपत्ति का सिंटैक्स इस प्रकार है - सिंटैक्स चयनकर्ता { खाली कक्ष:/*value*/} उदाहरण निम्नलिखित उदाहरण CSS खाली-कोशिकाओं के गुण को दर्शाते हैं - टेबल, टेबल * {ब
-
CSS चयनकर्ता और घोषणाओं को समझना
CSS चयनकर्ताओं का उपयोग किसी दिए गए पैटर्न के प्रत्येक तत्व का मिलान करके HTML तत्वों का चयन करने के लिए किया जाता है। हम चयनकर्ता के अंदर संपत्ति और उनके मूल्य की घोषणा करके शैलियों को परिभाषित करते हैं। सिंटैक्स शैलियों को घोषित करने का सिंटैक्स इस प्रकार है - चयनकर्ता {संपत्ति:मूल्य; } CSS में स
-
सीएसएस में :लैंग छद्म वर्ग
CSS :lang() छद्म-वर्ग चयनकर्ता का उपयोग निर्दिष्ट लैंग विशेषता वाले तत्वों का चयन करने के लिए किया जाता है। इससे हमें सामग्री से जुड़ी एक विशिष्ट भाषा को लक्षित करने और उसके अनुसार शैली बनाने में मदद मिलती है। सिंटैक्स निम्नलिखित वाक्य रचना है - :lang(){ /*declarations*/ } आइए CSS के
-
सीएसएस टिप्पणियाँ
हम सीएसएस घोषणाओं के लिए टिप्पणियां लिख सकते हैं ताकि पठनीयता में सुधार करने और इसे और अधिक समझने योग्य बनाने में मदद मिल सके। सीएसएस टिप्पणियों के लिए सी भाषा शैली सिंटैक्स का अनुसरण करता है जो फॉरवर्ड स्लैश के साथ शुरू और समाप्त होता है जिसके बीच सामग्री तारक में संलग्न होती है। /**/ के अंदर लिखी
-
स्टाइलिंग तत्वों के लिए CSS चयनकर्ताओं का उपयोग कैसे करें?
CSS चयनकर्ताओं का उपयोग करके, हम विशेष रूप से अपनी पसंद के आधार पर वांछित तत्वों को स्टाइल कर सकते हैं। HTML DOM में तत्वों को चुनने के लिए विभिन्न तरीके हैं। सिंटैक्स CSS चयनकर्ताओं के लिए सिंटैक्स इस प्रकार है - चयनकर्ता { /*घोषणाएं*/} निम्नलिखित उदाहरण स्टाइलिंग तत्वों के लिए CSS चयनकर्ता का वर
-
सीएसएस छद्म तत्व
हम किसी तत्व के विशिष्ट भागों को स्टाइल कर सकते हैं जैसे कि प्रथम-अक्षर, पहली-पंक्ति या उसके पहले/बाद में भी सम्मिलित करें। इन उद्देश्यों के लिए CSS Pseudo Elements का उपयोग किया जाता है। नोट - CSS3 में, छद्म तत्वों से CSS Pseudo Classes को अलग करने के लिए, छद्म तत्व डबल-कोलन संकेतन का उपयोग करते ह
-
सीएसएस दृश्यता बनाम प्रदर्शन
सभी HTML तत्वों का एक डिफ़ॉल्ट प्रदर्शन मान सेट होता है और उन्हें CSS प्रदर्शन संपत्ति के साथ ओवरराइड किया जा सकता है, इसी तरह सभी तत्वों की दृश्यता को डिफ़ॉल्ट के रूप में दृश्यमान पर सेट किया जाता है, लेकिन इसे CSS दृश्यता संपत्ति के साथ भी ओवरराइड किया जा सकता है। CSS प्रदर्शन गुण के लिए निम्नलिख
-
CSS का उपयोग करके अतिप्रवाहित सामग्री को संभालना
हम किसी तत्व की अतिप्रवाह सामग्री को प्रबंधित/संभालने के लिए CSS अतिप्रवाह संपत्ति का उपयोग कर सकते हैं। यह गुण उपयोगकर्ता को सामग्री को क्लिप करने, क्लिप की गई सामग्री को देखने के लिए स्क्रॉलबार प्रदान करने, कंटेनर के बाहर सामग्री प्रस्तुत करने की अनुमति देता है, इस प्रकार नाम अतिप्रवाह। सिंटैक्स
-
CSS बॉर्डर और आउटलाइन के बीच अंतर को समझना
CSS बॉर्डर प्रॉपर्टी का इस्तेमाल किसी एलिमेंट के बॉर्डर प्रॉपर्टीज को परिभाषित करने के लिए किया जाता है। यह सीमा-चौड़ाई, सीमा-शैली और सीमा-रंग के लिए एक आशुलिपि है। अलग-अलग पक्षों की सीमाओं को स्टाइल किया जा सकता है और एक सीमा-त्रिज्या भी निर्दिष्ट की जा सकती है। दूसरी ओर, सीएसएस की रूपरेखा जगह नही
-
सीएसएस आयाम गुण
सीएसएस में चौड़ाई, ऊंचाई, अधिकतम-ऊंचाई आदि जैसे कई गुण उपयोगकर्ता को तत्व सामग्री बॉक्स के आयामों को नियंत्रित करने की अनुमति देते हैं। आइए CSS max-height प्रॉपर्टी के लिए एक उदाहरण देखें - उदाहरण CSS अधिकतम-ऊंचाईफॉर्म { चौड़ाई:70%; मार्जिन:0 ऑटो; टेक्स्ट-एलाइन:सेंटर;}* {पैडिंग:2px; मार्जिन:5px;}#c
-
CSS में लाइन की ऊँचाई सेट करना
एक लाइन की ऊंचाई को सीएसएस लाइन-ऊंचाई संपत्ति द्वारा परिभाषित किया जा सकता है। यह केवल सकारात्मक मूल्यों को स्वीकार करता है। सिंटैक्स CSS लाइन-ऊंचाई प्रॉपर्टी का सिंटैक्स इस प्रकार है - Selector { line-height: /*value*/ } उदाहरण निम्नलिखित उदाहरण CSS लाइन-ऊंचाई गुण को दर्शाते हैं। <