CSS के लिए <style> तत्व के साथ कार्य करना

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

उदाहरण

निम्नलिखित <style> तत्व का उपयोग करके एम्बेडेड CSS का एक उदाहरण है:

<!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>

यह विधि छोटे प्रोजेक्ट्स या त्वरित परीक्षण के लिए उपयुक्त है। बड़े प्रोजेक्ट्स के लिए बाहरी CSS फ़ाइलें बेहतर होती हैं।