कोड के टुकड़े 2025, अप्रैल
पी (फ़ॉन्ट-आकार: जीपीएक्स! महत्वपूर्ण;) एक मूल्य के अंत में महत्वपूर्ण नियम, इनलाइन की किसी भी अन्य शैली घोषणा को ओवरराइड करेगा, जिसमें इनलाइन भी शामिल है "
A (/ * पूरी तरह से मान्य URL, संभावना बाहरी लिंक * /) ((* विशिष्ट वेबसाइट के लिए लिंक * /) a, (/ * आंतरिक रिश्तेदार लिंक * /) a (/ * ईमेल लिंक * /) / (/ * "
एक लोकप्रिय डिजाइन तकनीक एक सामग्री कंटेनर बनाने के लिए है जो कागज की एक शीट की तरह दिखता है और इसके नीचे कागज की अन्य शीटों को ढेर करने के लिए, एक परत जोड़कर "
होम कैटलॉग मूल्य के बारे में संपर्क नौसेना (चौड़ाई: 960px; ऊँचाई: 100px; मार्जिन: 120px ऑटो; पाठ-संरेखण: केंद्र;) .टॉप-मेनू ली (प्रदर्शन: इनलाइन-ब्लॉक;)
यहां Google कोड Prettify (इस स्रोत पर पाया गया) के लिए है। .prettyprint (रंग: # 839496; पृष्ठभूमि-रंग: # 002b36;) .pretypyprint .pln (रंग: विरासत;) "
H1 # लोगो (चौड़ाई: 200px; // छवि ऊंचाई की चौड़ाई: 100px; // छवि पृष्ठभूमि की ऊंचाई: url (../ पथ / to / image.jpg.webp); पाठ-इंडेंट: -9999px;) यह तकनीक "
ब्लॉकचॉट "प्रभाव से पहले बड़े उद्धरण, और IE में एक मोटी बाईं सीमा और एक हल्के भूरे रंग के साथ" मानकों के अनुरूप ब्राउज़रों में प्रदर्शित करता है
वास्तविक स्लाइडर के लिए jQuery और jQuery UI की आवश्यकता है। चेहरा सीमा-त्रिज्या के साथ हलकों में बने तत्वों से बनाया गया है। मुंह, खुशी का संकेत "
CSS-ट्रिक्स के v8 डिज़ाइन के पाद लेख से। डेमो पाद देखें (स्पष्ट: दोनों; अतिप्रवाह: छिपा हुआ; फ़ॉन्ट-आकार: 16px; पंक्ति-ऊंचाई: 1.3;) # पाद-बक्से ("
डिफ़ॉल्ट रूप से IE के सभी संस्करणों में टेक्स्टारस पर एक स्क्रॉलबार होता है, भले ही वे खाली हों। कोई अन्य ब्राउज़र ऐसा नहीं करता है, इसलिए यदि आप इसे हटाना चाहते हैं तो IE "
कोई भी ol 'एंकर लिंक एक पीडीएफ डॉक्यूमेंट का लिंक हो सकता है, लेकिन उस सोच की तरह लिंक पर क्लिक करना अन्यथा किसी उपयोगकर्ता के लिए आश्चर्य और असहज हो सकता है। इस"
यह एक ऑटोप्रेफिक्सर के उपयोग को मानता है। .face: होवर (एनीमेशन: शेक 0.82s क्यूबिक-बेज़ियर (.36, .07, .19, .97) दोनों। रूपांतरण: ट्रांसफ़ॉर्म 3 डी (0, 0, 0); "
मानक: -मोज़-बॉर्डर-रेडियस: 10 पीएक्स; -वेबकिट-बॉर्डर-त्रिज्या: 10 पीएक्स; सीमा-त्रिज्या: 10 पीएक्स; / * भविष्य के साक्ष्य * / -khtml-border-radius: 10px; / * पुराने के लिए "
अपने स्वयं के उपसर्ग लाओ! .grow (संक्रमण: सभी .2s आसानी से बाहर;) .grow: होवर (परिवर्तन: स्केल (1.1;:) ""
हर कोई रिबन से प्यार करता है ।
उच्च-रिज़ॉल्यूशन ग्राफिक्स शामिल करने के लिए, लेकिन केवल उन स्क्रीन के लिए जो उनका उपयोग कर सकते हैं। "रेटिना" "2x": @media (-webkit-min-device-pixel-ratio: 2), "
ऐसे समय होते हैं जब पाठ का एक लंबा स्ट्रिंग एक लेआउट के कंटेनर को ओवरफ्लो कर सकता है। उदाहरण के लिए: URL में आमतौर पर उनके स्थान नहीं होते हैं, इसलिए वे "
दाईं-बाईं भाषाओं के लिए, आप केवल डीर विशेषता के माध्यम से अधिकांश ब्राउज़रों में डिफ़ॉल्ट बाएँ-से-दाएँ लेआउट को स्वैप कर सकते हैं। दाएं-बाएं पाठ "
A (बाह्यरेखा: 0;) लिंक से रूपरेखा शैलियों को हटाने से सावधान रहें, क्योंकि वे एक प्रयोज्य विशेषता हैं। यदि आप करते हैं, तो स्पष्ट फ़ोकस शैलियों को परिभाषित करना सुनिश्चित करें। अगर"
कभी-कभी कंटेनर में पहले तत्व से शीर्ष या बाएं मार्जिन को हटाने के लिए यह वांछनीय हो सकता है। इसी तरह, पिछले से सही या निचला मार्जिन "
यह पृष्ठ विभिन्न उपकरणों और मीडिया क्वेरी के एक टन को सूचीबद्ध करता है जो विशेष रूप से उस उपकरण को लक्षित करेगा। यह आमतौर पर एक महान अभ्यास नहीं है, लेकिन यह जानना उपयोगी है कि इन सभी उपकरणों के लिए सीएसएस संदर्भ में क्या आयाम हैं। "
वेबकिट-टैप-हाइलाइट-रंग: आरजीबीए (0,0,0,0); और फिर अनुमति देने के लिए: मोबाइल सफारी में एक पृष्ठ पर अपने सीएसएस में काम करने के लिए सक्रिय शैलियों: "
लिंक के चारों ओर बिंदीदार सीमाएं एक एक्सेसिबिलिटी सुविधा हैं जो अधिकांश ब्राउज़र डिफ़ॉल्ट रूप से होती हैं। यह उन उपयोगकर्ताओं के लिए है जिन्हें कीबोर्ड द्वारा नेविगेट करना या चुनना होगा, "
HTML: .. या .. Go CSS: input.button (टेक्स्ट-इंडेंट: -9000px; टेक्स्ट-ट्रांसफॉर्म: कैपिटलाइज़;) नकारात्मक-इंडेंट अकेले दुर्भाग्य से टेक्स्ट को हटाने के लिए काम नहीं करता है "
थोड़ा हल्का रंग (आपका पाठ काला है), बिंदीदार निचला बॉर्डर और एक प्रश्न-चिह्न कर्सर। यह कुछ हद तक मानकीकृत दृष्टिकोण बन गया है, "
सीएसएस पृष्ठभूमि-छवियों के लिए।
यहाँ बड़े नोट! स्लाइडिंग दरवाजे एक बहुत पुरानी तकनीक है। यह वेब पर अपना समय था, लेकिन यह शायद इन दिनों जाने का सबसे अच्छा तरीका नहीं है। हमारे पास है"
समर्थन, उप (ऊर्ध्वाधर-संरेखित: आधारभूत; स्थिति: सापेक्ष; शीर्ष: -0.4em;) उप (शीर्ष: 0.4em;) "
@media प्रिंट (a: after (सामग्री: "(" attr (href) ")";)) ")