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

CSS3 के साथ मीडिया प्रश्न

<घंटा/>

मीडिया क्वेरी मोबाइल, डेस्कटॉप आदि जैसे विभिन्न आकार के उपकरणों के लिए अलग-अलग शैली के नियमों के लिए हैं।

आप CSS3 के साथ मीडिया प्रश्नों को लागू करने के लिए निम्न कोड चलाने का प्रयास कर सकते हैं -

उदाहरण

 <सिर> <शैली> बॉडी { बैकग्राउंड-कलर:लाइटपिंक; } @मीडिया स्क्रीन और (अधिकतम-चौड़ाई:420px) { शरीर {पृष्ठभूमि-रंग:हल्का नीला; } }    

यदि स्क्रीन का आकार 420px से कम है, तो यह हल्का नीला रंग दिखाएगा, अन्यथा यह हल्का गुलाबी रंग दिखाएगा
  1. CSS3 के साथ एकाधिक पृष्ठभूमि जोड़ना

    कई बैकग्राउंड जोड़ने के लिए, CSS में बैकग्राउंड-इमेज प्रॉपर्टी का इस्तेमाल करें। एकाधिक पृष्ठभूमि जोड़ने के लिए कोड निम्नलिखित है - उदाहरण <!DOCTYPE html> <html> <head> <style> body {    font-family: "Segoe UI", Tahoma, Geneva, Verdana, sans-serif; } div {

  1. सीएसएस के साथ सामान्य डिवाइस ब्रेकप्वाइंट के लिए मीडिया प्रश्नों का उपयोग कैसे करें?

    उदाहरण body { font-family:Segoe UI , ताहोमा, जिनेवा, वर्दाना, सेन्स-सेरिफ़; रंग सफेद; } @मीडिया केवल स्क्रीन और (अधिकतम-चौड़ाई:600px) { शरीर {पृष्ठभूमि:rgb(207, 60, 151); } } @मीडिया केवल स्क्रीन और (न्यूनतम-चौड़ाई:600px) { शरीर {पृष्ठभूमि:rgb(0, 128, 107); } } @मीडिया केवल स्क्रीन और (न्यूनतम-चौड़

  1. CSS के साथ स्टाइलिंग फर्स्ट-लेटर्स ::फर्स्ट-लेटर

    CSS हमें ::प्रथम-अक्षर छद्म-तत्व का उपयोग करके किसी तत्व के पहले अक्षर को स्टाइल करने में मदद कर सकता है। ध्यान दें कि विराम चिह्न, डिग्राफ और सामग्री गुण पहले अक्षर को बदल सकते हैं। निम्नलिखित उदाहरण CSS ::प्रथम-अक्षर छद्म-तत्व को दर्शाते हैं। उदाहरण <!DOCTYPE html> <html> <head>