कोड के टुकड़े 2025, अप्रैल

कोने का रिबन - सीएसएस-ट्रिक्स

कोने का रिबन - सीएसएस-ट्रिक्स

NEWS .wrapper (मार्जिन: 50px ऑटो; चौड़ाई: 280px; ऊँचाई: 370px; पृष्ठभूमि: सफ़ेद; सीमा-त्रिज्या: 10px; -webkit-box-shadow: 0px 0px 8px rgba (0,0,0,0.3); "

क्रॉस-ब्राउज़र मिन हाइट - सीएसएस-ट्रिक्स

क्रॉस-ब्राउज़र मिन हाइट - सीएसएस-ट्रिक्स

Div (न्यूनतम-ऊंचाई: 500px; ऊँचाई: ऑटो-महत्वपूर्ण; ऊँचाई: 500px;) यह काम करता है (क्योंकि धन्यवाद!) IE "ऊँचाई" का इलाज करता है कि "मिनट-ऊँचाई" कैसे माना जाता है "

क्रॉस ब्राउज़र इनलाइन-ब्लॉक - सीएसएस-ट्रिक्स

क्रॉस ब्राउज़र इनलाइन-ब्लॉक - सीएसएस-ट्रिक्स

ली (चौड़ाई: 200px; न्यूनतम ऊंचाई: 250px; सीमा: 1px ठोस # 000; प्रदर्शन: -मोज़-इनलाइन-स्टैक; प्रदर्शन: इनलाइन-ब्लॉक; लंबवत-संरेखित: शीर्ष; मार्जिन; 5px; ज़ूम: "

PHP के साथ CSS को संपीड़ित करें - सीएसएस-ट्रिक्स

PHP के साथ CSS को संपीड़ित करें - सीएसएस-ट्रिक्स

इस PHP के साथ अपनी CSS फाइलें शुरू करें (और इसे style.php नाम दें): बॉडी (रंग: लाल;) फिर PHP फ़ाइल नाम के साथ अपने सीएसएस को कॉल करें: "

आम यूनिकोड प्रतीक - सीएसएस-ट्रिक्स

आम यूनिकोड प्रतीक - सीएसएस-ट्रिक्स

A: इससे पहले (सामग्री: "2709";) .फोन: इससे पहले (सामग्री: "2706";)

सीएसएस में टिप्पणियाँ - सीएसएस-ट्रिक्स

सीएसएस में टिप्पणियाँ - सीएसएस-ट्रिक्स

उदाहरण: शरीर (फ़ॉन्ट-आकार: 62.5% / * 1em = 10px * /) सामान अंदर / * * / अंक सीएसएस टिप्पणियाँ हैं। यह आपको सीएसएस में नोट दर्ज करने की अनुमति देगा जो "

क्लीयरफिक्स: फोर्स एलीमेंट टू सेल्फ-क्लियर इट्स चिल्ड्रन - सीएसएस-ट्रिक्स

क्लीयरफिक्स: फोर्स एलीमेंट टू सेल्फ-क्लियर इट्स चिल्ड्रन - सीएसएस-ट्रिक्स

यह आप इन दिनों ठीक करेंगे (IE 8 और ऊपर): .समूह: के बाद (सामग्री: ""; प्रदर्शन: तालिका; स्पष्ट; दोनों:) इसे किसी भी मूल तत्व में लागू करें जिसमें आप हैं।

WebKit Browsers में स्वतः पूर्ण शैलियाँ बदलें सीएसएस-ट्रिक्स

WebKit Browsers में स्वतः पूर्ण शैलियाँ बदलें सीएसएस-ट्रिक्स

हमें उन शैलियों को बदलने के लिए एक विधि के साथ ईमेल के माध्यम से Lydia Dugger से एक अच्छा टिप मिला है जो WebKit ब्राउज़र फ़ील्ड बनाने के लिए लागू होते हैं "

एक वेबसाइट केंद्र - सीएसएस-ट्रिक्स

एक वेबसाइट केंद्र - सीएसएस-ट्रिक्स

# पेज-रैप (चौड़ाई: 800px; मार्जिन: 0 ऑटो;)

टेक्स्ट चयन रंग बदलें - सीएसएस-ट्रिक्स

टेक्स्ट चयन रंग बदलें - सीएसएस-ट्रिक्स

:: चयन (पृष्ठभूमि-रंग: # एफडीए; रंग: # 000;) (अधिक जानकारी) "

CSS में Apple पे बटन - सीएसएस-ट्रिक्स

CSS में Apple पे बटन - सीएसएस-ट्रिक्स

आपको Apple Pay के लिए अपने खुद के बटन नहीं डिज़ाइन करने होंगे। वास्तव में, Apple सचमुच आपको बताता है कि आप नहीं कर सकते। तो, आप वेब पर क्या कर रहे हैं? शुक्र है, "

ब्राउज़र विशिष्ट भाड़े - सीएसएस-ट्रिक्स

ब्राउज़र विशिष्ट भाड़े - सीएसएस-ट्रिक्स

***** चयनकर्ता भागा / * IE7, FF, Saf, Opera * / "

डायनेमिक ऊंचाई के साथ केंद्र DIV - सीएसएस-ट्रिक्स

डायनेमिक ऊंचाई के साथ केंद्र DIV - सीएसएस-ट्रिक्स

सीएसएस: * (मार्जिन: 0; गद्दी: 0;) # पृष्ठ (प्रदर्शन: तालिका; अतिप्रवाह: छिपा; मार्जिन; 0px ऑटो;) *: पहला-बच्चा + एचटीएमएल # पृष्ठ (स्थिति: रिश्तेदार;) / * / 7/7 * / * html "

एनिमेटेड ग्रेनी बनावट - सीएसएस-ट्रिक्स

एनिमेटेड ग्रेनी बनावट - सीएसएस-ट्रिक्स

DayTrip वेबसाइट अपने पेज हेडर पर एक साफ प्रभाव का उपयोग करती है जो एक एनिमेटेड, दानेदार बनावट के साथ पृष्ठभूमि छवि को विकृत करती है। प्रभाव सूक्ष्म है लेकिन "

उछालभरी एनिमेटेड लोडिंग एनीमेशन - सीएसएस-ट्रिक्स

उछालभरी एनिमेटेड लोडिंग एनीमेशन - सीएसएस-ट्रिक्स

CSS3 एनिमेशन के साथ बस कुछ फनीज़। यदि आप सुपर डीप ब्राउज़र सपोर्ट से परेशान हैं, तो GIF का उपयोग करें। । लोडर (पाठ-संरेखण: केंद्र;)। लोडर स्पैन ("

धुंधली पाठ - सीएसएस-ट्रिक्स

धुंधली पाठ - सीएसएस-ट्रिक्स

पाठ का रंग पारदर्शी बनाएं, लेकिन एक छाया जोड़ें: .blur (रंग: पारदर्शी; पाठ-छाया: 0 0 5px rgba (0,0,0,0.5);) धुंधला अधिक ब्राउज़र रंग का समर्थन करते हैं "

Google फ़ॉन्ट API की मूल बातें - सीएसएस-ट्रिक्स

Google फ़ॉन्ट API की मूल बातें - सीएसएस-ट्रिक्स

CSS फाइलों से लिंक करें आप अनिवार्य रूप से Google.com पर CSS फाइलों को सीधे हॉटलाइन करते हैं। URL पैरामीटर के माध्यम से, आप विशिष्टता चाहते हैं कि आपको कौन सा फ़ॉन्ट चाहिए और क्या "

पूर्ण केंद्र (कार्यक्षेत्र और क्षैतिज) एक छवि - सीएसएस-ट्रिक्स

पूर्ण केंद्र (कार्यक्षेत्र और क्षैतिज) एक छवि - सीएसएस-ट्रिक्स

CSS बैकग्राउंड-इमेज तकनीक: html (चौड़ाई: 100%; ऊँचाई: 100%; पृष्ठभूमि: url (7518965 / निरपेक्ष_सेंटर_वर्णीय_होना_समस्त करना-चालें-केंद्र) सेंटर सेंटर न-रिपीट;) सीएसएस + इनलाइन इमेज तकनीक: img ("

बेहतर हेल्वेटिका - सीएसएस-ट्रिक्स

बेहतर हेल्वेटिका - सीएसएस-ट्रिक्स

Body (फ़ॉन्ट-परिवार: "HelveticaNeue-Light", "Helvetica Neue Light", "Helvetica Neue", Helvetica, Arial, "Lucida Grande", sans-serif; font-weight; 300;) ";

बेसिक लिंक रोलओवर सीएसएस स्प्राइट के रूप में - सीएसएस-ट्रिक्स

बेसिक लिंक रोलओवर सीएसएस स्प्राइट के रूप में - सीएसएस-ट्रिक्स

A (पृष्ठभूमि: url (sprite.png.webp) no-repeat; प्रदर्शन: ब्लॉक; ऊंचाई: 30px; चौड़ाई: 250px;) a: होवर (पृष्ठभूमि-स्थिति: 0 -30px;) सेट ऊंचाई और "

एक्सेसिबिलिटी / एसईओ फ्रेंडली CSS छिपाना - सीएसएस-ट्रिक्स

एक्सेसिबिलिटी / एसईओ फ्रेंडली CSS छिपाना - सीएसएस-ट्रिक्स

.स्क्रीन-रीडर-टेक्स्ट (स्थिति: निरपेक्ष; शीर्ष: -9999px; बायां: -9999px;) यह वर्ग पृष्ठ से एक आइटम को निकाल सकता है, इसे प्रवाह से बाहर निकालता है और "नहीं"

सभी स्टाइल्सशीट मीडिया प्रकार - सीएसएस-ट्रिक्स

सभी स्टाइल्सशीट मीडिया प्रकार - सीएसएस-ट्रिक्स

सभी मीडिया प्रकार के उपकरणों के लिए उपयोग किया जाता है aural

Apple.com हैमबर्गर बन मेनू - सीएसएस-ट्रिक्स

Apple.com हैमबर्गर बन मेनू - सीएसएस-ट्रिक्स

जब उन्होंने एक अद्यतन साइट जारी की, तो ऑल-न्यू रेस्पॉन्सिव नेविगेशन सहित एप्पल ने कुछ शोर किया। जबकि नया स्वरूप अन्य चीजों पर केंद्रित था, "