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

एम्बेडेड CSS का उदाहरण


अपने CSS नियमों को <style> एलिमेंट का उपयोग करके HTML दस्तावेज़ में रखें जिसे एम्बेडेड CSS कहा जाता है। यह टैग <head>...</head> टैग्स के अंदर रखा जाता है। इस सिंटैक्स का उपयोग करके परिभाषित नियम दस्तावेज़ में उपलब्ध सभी एलिमेंट्स पर लागू होंगे।

उपरोक्त सिंटैक्स के आधार पर एम्बेड CSS का उदाहरण निम्नलिखित है:

<!DOCTYPE html> <html> 
    <head> 
        <style media = "all"> 
            body { 
                background-color: orange; 
            } 
            h1 { 
                color: yellow; 
                margin-left: 30px; 
            } 
        </style> 
    </head> 
    <body> 
        <h1>This is a heading</h1> 
        <p>This is a paragraph.</p> 
    </body> </html>

निम्नलिखित एट्रिब्यूट है:

एट्रिब्यूट मान विवरण
Typetext/cssस्टाइल शीट भाषा को कंटेंट-टाइप (MIME टाइप) के रूप में निर्दिष्ट करता है। यह आवश्यक एट्रिब्यूट है।
mediascreen
tty
tv
projection
handheld
print
braille
aural
all
वह डिवाइस निर्दिष्ट करता है जिस पर दस्तावेज़ प्रदर्शित होगा। डिफ़ॉल्ट मान all है। यह एक वैकल्पिक एट्रिब्यूट है।



  1. CSS एट्रिब्यूट सिलेक्टर्स से फॉर्म्स स्टाइल करना CSS एट्रिब्यूट सिलेक्टर्स से फॉर्म्स स्टाइल करना

    CSS में एट्रिब्यूट सिलेक्टर्स का उपयोग करके विशेष एट्रिब्यूट्स वाले HTML एलिमेंट्स पर स्टाइल्स लागू करें। एट्रिब्यूट सिलेक्टर पर निम्न नियम लागू होते हैं।p[lang] − lang एट्रिब्यूट वाले सभी पैराग्राफ एलिमेंट्स सिलेक्ट करता है।p[lang="fr"] − उन सभी पैराग्राफ एलिमेंट्स को सिलेक्ट

  1. HTML <base> target एट्रिब्यूट: डिफ़ॉल्ट लिंक टारगेट HTML <base> target एट्रिब्यूट: डिफ़ॉल्ट लिंक टारगेट

    <base> target एट्रिब्यूट target एट्रिब्यूट <base> एलिमेंट में दस्तावेज़ के सभी हाइपरलिंक्स के लिए डिफ़ॉल्ट टारगेट सेट करता है। यह <head> सेक्शन में रखा जाता है और पेज के सभी रिलेटिव लिंक्स पर लागू होता है। सिंटैक्स <base target=_blank | _self | _parent | _top | framename> म

  1. HTML <base> href एट्रिब्यूट: बेस URL सेट करना HTML <base> href एट्रिब्यूट: बेस URL सेट करना

    <base> href एट्रिब्यूट href एट्रिब्यूट <base> एलिमेंट में दस्तावेज़ के सभी रिलेटिव URLs के लिए बेस URL सेट करता है। यह <head> में रखा जाता है और पेज के सभी रिलेटिव लिंक्स, इमेजेज, स्क्रिप्ट्स, स्टाइलशीट्स पर लागू होता है। सिंटैक्स <base href=absolute_URL> कैसे काम करता है ब