Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> CSS

CSS

  1. सीएसएस के साथ पहले को छोड़कर सभी तत्वों का चयन कैसे करें :not(:first-child) चयनकर्ता

    CSS `:not(:first-child) के साथ पहले को छोड़कर सभी HTML तत्वों का चयन करना सीखें चयनकर्ता यदि आप अपनी CSS स्टाइलशीट में निम्नलिखित नियम-सेट जोड़ते हैं, तो आपकी पूरी वेबसाइट पर प्रत्येक h2 तत्व को 64px का शीर्ष मार्जिन मिलेगा। h2 { margin-top: 64px; } लेकिन क्या होगा यदि आप सामान्य रूप से अपनी

  2. आपके अपरकेस/सभी कैप्स टेक्स्ट को संभवतः कुछ लेटरस्पेसिंग की आवश्यकता क्यों है [टाइपोग्राफी]

    इस बारे में जानें कि आपको अपने अपरकेस टेक्स्ट एलिमेंट पर थोड़े से अक्षरों के स्थान का उपयोग करने से अक्सर लाभ क्यों होगा — और इसे CSS के साथ कैसे करें। टाइपोग्राफी में, जब आप टेक्स्ट तत्वों पर अपरकेस/सभी कैप्स (कैपिटल लेटर्स) का उपयोग करते हैं, तो आपको आमतौर पर अक्षरों के बीच थोड़ा सा ब्रीदिंग रूम

  3. CSS के साथ एक साधारण लूपिंग बैकग्राउंड कलर एनिमेशन कैसे बनाएं

    कीफ़्रेम और विभिन्न CSS एनिमेशन गुणों का उपयोग करके शुद्ध CSS के साथ एक साधारण एनिमेटेड पृष्ठभूमि रंग लूप बनाना सीखें। इस उदाहरण में, हम HTML <body> . को लक्षित कर रहे हैं तत्व सीधे CSS के साथ, लेकिन आप निम्न कोड उदाहरण को किसी भी HTML तत्व, वर्ग या आईडी पर लागू कर सकते हैं। कोड आप इस डेमो

  4. सीएसएस के साथ होवर पर तत्वों को ज़ूम/स्केल अप कैसे करें

    transform . का उपयोग करके शुद्ध CSS के साथ होवर पर तत्वों को ज़ूम/स्केल-अप करना सीखें संपत्ति की परिवर्तन विधि:scale() । होवर पर ज़ूम/स्केल-अप करें अपने माउस को इस बॉक्स के ऊपर ले जाने का प्रयास करें: यह मूल आकार से ठीक 1.5 गुना बड़ा हो जाता है - इसलिए जब आप अपने माउस को इसके ऊपर (होवर) करते हैं

  5. पॉइंटर-इवेंट्स प्रॉपर्टी के साथ सीएसएस में विशिष्ट तत्व पर होवर/माउसओवर ईवेंट को कैसे अनदेखा करें?

    माउसओवर/होवर को हटाने/अनदेखा करने का तरीका जानें (:hover ) pointer-events . का उपयोग करके विशिष्ट HTML तत्वों पर घटना संपत्ति। मैंने हाल ही में अपने एक क्लाइंट के लिए टीम गैलरी पेज बनाया है। प्रत्येक गैलरी आइटम को यूआई कार्ड द्वारा दर्शाया जाता है जो एक ओवरले का उपयोग करता है जो आपके माउस को उस पर

  6. आप इनलाइन सीएसएस के साथ होवर प्रभाव को कैसे कोड करते हैं?

    कभी-कभी आपको इनलाइन सीएसएस लिखने के लिए मजबूर किया जाता है, उदा। HTML ईमेल टेम्प्लेट में — आपके ईमेल/न्यूज़लेटर प्रदाता पर निर्भर करता है। लेकिन आप इनलाइन सीएसएस के साथ होवर प्रभाव कैसे प्राप्त करते हैं? आप नहीं कर सकते, लेकिन आप JavaScript के onMouseOver . का उपयोग करके समान होवर प्रभाव प्राप्त

  7. सीएसएस में प्री टैग्स को 100% रिस्पॉन्सिव कैसे बनाएं

    कुछ CSS गुणों को जोड़कर अपने HTML प्री टैग्स को शीघ्रता से 100% प्रतिक्रियाशील बनाने का तरीका जानें। एक समस्या जो मुझे अक्सर अन्य ट्यूटोरियल वेबसाइटों पर दिखाई देती है, वह है लंबे कोड स्निपेट (जो pre द्वारा लपेटे जाते हैं) टैग) पेज की चौड़ाई को ओवरफ्लो कर देते हैं, और उनके पेज लेआउट को तोड़ देते है

  8. CSS Flexbox के साथ तत्वों को लंबवत और क्षैतिज रूप से कैसे केन्द्रित करें

    वीडियो से कोडपेन

  9. CSS के साथ बाउंसिंग SVG आइकन को कैसे चेतन करें

    आज आप सीखेंगे कि एसवीजी आइकन को ऊपर और नीचे उछालने के लिए सीएसएस एनिमेशन का उपयोग कैसे करें। आप यह भी सीखेंगे कि कई सीएसएस एनीमेशन गुणों में से कुछ के साथ एनीमेशन प्रकार, समय और अवधि को कैसे बदला जाए। यह क्यों उपयोगी है? एनिमेशन, जब सही तरीके से किया जाता है, कर सकते हैं: अपने उपयोगकर्ताओं का मा

  10. CSS, इनपुट फ़ील्ड पर पीले रंग की पृष्ठभूमि का रंग कैसे निकालें

    क्या आपने सोचा है कि कुछ ब्राउज़र कुछ वेबसाइटों पर इनपुट फ़ील्ड को स्वत:भरने के लिए एक भयानक पीले रंग की पृष्ठभूमि का रंग क्यों जोड़ते हैं? मैं आपको यह नहीं बता सकता कि वे ऐसा क्यों करते हैं, लेकिन मैं आपको बताऊंगा कि इस ईशनिंदा से कैसे जल्दी छुटकारा पाया जाए। सुनिश्चित करें कि आगे बढ़ने से पहले क

  11. CSS के साथ वर्ड में पहले अक्षर को कैपिटलाइज़ कैसे करें

    CSS के साथ किसी शब्द में पहले अक्षर को बड़ा करने के लिए, हम first-letter . का उपयोग करते हैं चयनकर्ता: मान लें कि आपके पास सभी छोटे अक्षरों में एक शीर्षक है: और आप t . बनाना चाहते हैं इस अपरकेस का। बस first-letter संलग्न करें h2 . का चयनकर्ता आपके CSS स्टाइलशीट में: h2:first-letter { text-trans

  12. सीएसएस के साथ एक सर्कल के चारों ओर टेक्स्ट कैसे लपेटें

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

  13. फ्लेक्सबॉक्स बाल तत्वों को सीएसएस में लंबवत रूप से खींचने से कैसे रोकें

    मान लें कि आपके पास फ्लेक्सबॉक्स है अंदर एक बटन वाला कंटेनर: यदि आप बटन (चाइल्ड एलिमेंट) को क्षैतिज रूप से justify-content . के साथ संरेखित करने का प्रयास करते हैं इस तरह की संपत्ति: .container { height: 300px; display: flex; justify-content: center; } फिर बटन की (चाइल्ड एलीमेंट) ऊंचाई पैरे

  14. CSS के साथ YouTube वीडियो एम्बेड को उत्तरदायी कैसे बनाएं

    अपनी वेबसाइट पर YouTube वीडियो एम्बेड करना सीखें और इसे सीएसएस के साथ मोबाइल से डेस्कटॉप डिवाइस पर पूरी तरह से प्रतिक्रियाशील बनाएं। अगर आप YouTube से एम्बेड किए गए वीडियो कोड को कॉपी करते हैं और आपको एक <iframe> . मिलता है रैपर जो इस तरह दिखता है: दुर्भाग्य से, iframes को ब्राउज़र में सही

  15. CSS के साथ टेक्स्ट सिलेक्शन को डिसेबल कैसे करें

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

  16. सीएसएस के साथ अनियंत्रित सूचियों पर स्क्वायर बुलेट कैसे बनाएं

    CSS प्रॉपर्टी list-style-type . के साथ अनियंत्रित सूचियों पर वर्गाकार बुलेट पॉइंट बनाना सीखें । डिफ़ॉल्ट रूप से, अनियंत्रित सूची आइटम (<ul> ) वेब पेज पर गोल बुलेट पॉइंट का उपयोग करता है। गोल बुलेट पॉइंट इस तरह से स्टाइल किए गए हैं: ul { list-style-type: disc; } और इस तरह दिखें: एचटीएमएल

  17. CSS में अपरकेस रोमन नंबरों के साथ ऑर्डर की गई सूची को कैसे स्टाइल करें?

    CSS में अपरकेस रोमन नंबरों के साथ ऑर्डर की गई सूची को स्टाइल करना सीखें। HTML में एक आदेशित सूची बनाने के लिए, आप इसका उपयोग करते हैं: द <ol> अपने आदेशित सूची तत्व को परिभाषित करने के लिए टैग करें। द <li> अपनी सूची आइटम तत्वों को परिभाषित करने के लिए टैग करें। उदाहरण: डिफ़ॉल्ट रूप

  18. CSS में लोअरकेस रोमन नंबरों के साथ ऑर्डर की गई सूची को कैसे स्टाइल करें?

    CSS में लोअरकेस रोमन नंबरों के साथ ऑर्डर की गई सूची को स्टाइल करना सीखें। HTML में एक आदेशित सूची बनाने के लिए, आप इसका उपयोग करते हैं: द <ol> अपने आदेशित सूची तत्व को परिभाषित करने के लिए टैग करें। द <li> अपनी सूची आइटम तत्वों को परिभाषित करने के लिए टैग करें। उदाहरण: डिफ़ॉल्ट रूप

  19. सीएसएस के साथ अपने लेआउट को केंद्र में कैसे संरेखित करें

    अपने वेबपेज लेआउट को सीएसएस के साथ केंद्र में संरेखित करने के दो अलग-अलग तरीकों के बारे में जानें। मान लें कि आप अपनी वेबसाइट के लिए एक लेख लेआउट स्टाइल कर रहे हैं, और आप <article> को केंद्र में रखना चाहते हैं तत्व क्षैतिज रूप से आपके पृष्ठ के ठीक बीच में। आप इसे दो तरीकों से कर सकते हैं। तत

  20. बैकग्राउंड इमेज कैसे बनाएं CSS के साथ रिपीट न करें

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

Total 1566 -कंप्यूटर  FirstPage PreviousPage NextPage LastPage CurrentPage:74/79  20-कंप्यूटर/Page Goto:1 68 69 70 71 72 73 74 75 76 77 78 79