HTML दस्तावेज़ में <style> तत्व का उपयोग करके CSS नियम कैसे जोड़ें?

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

उदाहरण

निम्न उदाहरण दर्शाता है कि कैसे <style> टैग का उपयोग करके पूरे पेज की पृष्ठभूमि रंग और शीर्षक स्टाइल सेट करें:

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

महत्वपूर्ण: media एट्रिब्यूट वैकल्पिक है; डिफ़ॉल्ट रूप से all होता है।