display संपत्ति एक वेबपेज के लेआउट का अभिन्न अंग है। प्रदर्शन गुण यह निर्धारित करता है कि किसी तत्व को उसके आस-पास के तत्वों के संबंध में कैसे प्रदर्शित किया जाता है। इस सीएसएस संपत्ति के लिए कई मूल्य हैं; सबसे अधिक उपयोग किए जाने वाले मानों में शामिल हैं inline , block , और inline-block . इस लेख मे

उपयोगकर्ता द्वारा किसी एप्लिकेशन में की जाने वाली कार्रवाइयों को दर्शाने के लिए आइकन अच्छी तरह से काम करते हैं। कई आइकन लाइब्रेरी आसानी से उपलब्ध हैं। यहाँ कई में से कुछ हैं: बहुत बढ़िया फ़ॉन्ट - https://fontawesome.com/ फ्लैटिकॉन - https://www.flaticon.com/ मटेरियल डिज़ाइन आइकॉन - https://materia

सीएसएस फ्लेक्सबॉक्स मॉडल स्थापित सीएसएस बॉक्स मॉडल को बेहतर बनाने के लिए बनाया गया था। फ्लेक्सबॉक्स मॉडल में अभी भी बॉक्स मॉडल (मार्जिन, पैडिंग, बॉर्डर और सामग्री) के प्रमुख तत्व शामिल हैं, लेकिन कंटेनर / माता-पिता के बच्चों के साथ स्थान को सर्वोत्तम रूप से भरने के लिए लचीलापन प्रदान करता है। यह

इस CSS ट्यूटोरियल में, हम टेक्स्ट को सेंटर करने और एलिमेंट्स को ब्लॉक करने के बारे में जानेंगे। ऐसी कई तरकीबें हैं जिनका उपयोग आप तत्वों को एक लेआउट में क्षैतिज और लंबवत रूप से केंद्र में करने के लिए कर सकते हैं। पाठ तत्वों को केंद्र में संरेखित करें टेक्स्ट को बड़े एलिमेंट के अंदर सेंटर अलाइन करन

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

स्टिकी फ़ुटर को फ़िक्स्ड फ़ुटर के साथ भ्रमित नहीं होना चाहिए - एक स्टिकी फ़ुटर एक ऐसा पैटर्न है जहाँ फ़ुटर हमेशा स्क्रीन के नीचे या तो चिपक जाता है (ऐसे मामलों में जहाँ सामग्री पृष्ठ को नहीं भरती है) या वेबपेज सामग्री के नीचे चिपक जाती है . जैसे ही उपयोगकर्ता पृष्ठ को स्क्रॉल करता है, एक निश्चित पाद

<span> तत्व <div> . के समान एक सामान्य HTML तत्व हैं . यदि आपको याद हो, divs एक सामान्य कंटेनर है जो मुख्य रूप से किसी वेबपेज के लेआउट के लिए उपयोग किया जाता है और जितना हो सके उतना स्थान लेता है क्योंकि वे एक ब्लॉक हैं तत्व। स्पैन एक इनलाइन . हैं तत्व। वे केवल उतनी ही जगह लेते हैं जि

CSS गुण ऑब्जेक्ट-फिट एक तत्व को उस कंटेनर की चौड़ाई और ऊंचाई के भीतर मापता है जिसमें वह है। पृष्ठभूमि चित्र सबसे आम तत्व हैं जो आपको एक डेवलपर के रूप में दिखाई देंगे जो इस संपत्ति का उपयोग करता है। ऑब्जेक्ट-फिट प्रॉपर्टी के लिए पांच संभावित मान हैं। हम विभिन्न मूल्यों को दर्शाने के लिए उदाहरण के

स्क्रॉलबार और उपयोगकर्ता अनुभव उपयोगकर्ता अब वेबसाइटों को नेविगेट करते समय एक निश्चित अनुभव के आदी हो गए हैं। उदाहरण के लिए, आप किसी साइट के ऊपरी बाएँ कोने में किसी व्यवसाय के लोगो से आपको मुखपृष्ठ पर ले जाने की अपेक्षा करेंगे। लेकिन क्या होगा अगर ऐसा नहीं है? क्या होगा यदि उस साइट पर सब कुछ विपरीत

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

CSS में इमेज को क्रॉप करने के कई तरीके हैं; हालांकि, इनमें से सबसे सरल और सबसे प्रभावी हैं: ऑब्जेक्ट-फिट का उपयोग करना: object-fit: cover . का उपयोग करते समय , हम आसानी से छवि को क्रॉप कर सकते हैं और फिर भी चित्र के पहलू अनुपात को बनाए रख सकते हैं। आप object-fit . का उपयोग कर सकते हैं object-pos

CSS इंडेंट प्रॉपर्टी, जिसे टेक्स्ट-इंडेंट प्रॉपर्टी के रूप में जाना जाता है, आपके द्वारा स्कूल में लिखे गए निबंध या पेपर में प्रत्येक पैराग्राफ की पहली पंक्ति पर एक मानक इंडेंट के समान दिखाई देता है; यह टेक्स्ट के हर ब्लॉक की पहली लाइन को इंडेंट करता है जैसे आप पेपर लिखते समय पैराग्राफ की पहली लाइन

ब्रेक रिटर्न का उपयोग किए बिना HTML तत्वों में एक लाइन ब्रेक जोड़ा जा सकता है <br> छद्म तत्वों का उपयोग करके। छद्म तत्वों का उपयोग किसी तत्व के विशिष्ट भाग को स्टाइल करने के लिए किया जाता है। यहां हम लाइन ब्रेक जोड़ने के लिए HTML एलीमेंट को स्टाइल करने के लिए ::after का उपयोग करेंगे। सीएसए

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

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

!महत्वपूर्ण किसी वेबपेज की शैली को ओवरराइड करने के लिए नियम का उपयोग किया जाता है। पूरी ईमानदारी से, ऐसे और भी उदाहरण हैं कि आपको क्यों नहीं . करना चाहिए महत्वपूर्ण नियम का उपयोग करें बनाम आपको क्यों करना चाहिए। आइए चर्चा करें कि इसका उपयोग कैसे किया जाता है और फिर इसका उपयोग केवल संयम से क्यों कि

CSS Flexbox और CSS ग्रिड की पीढ़ी में कोडर और प्रोग्रामर के रूप में, हम अक्सर CSS Clearfix पर विचार नहीं करते हैं। सीएसएस फ्लेक्सबॉक्स और ग्रिड फ्लोट्स का उपयोग करने से तत्वों की स्थिति को थोड़ा बेहतर (और थोड़ा आसान!) फिर भी, हम सभी को अभी भी उन कुछ उदाहरणों के बारे में पता होना चाहिए जहां हम विर

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

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

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