HTML ডকুমেন্টে CSS নিয়ম কীভাবে যোগ করবেন?

HTML ডকুমেন্টের ভেতরে CSS নিয়ম লিখতে <style> এলিমেন্ট ব্যবহার করা হয়। এই ট্যাগটি <head>...</head> ট্যাগের মাঝপথে রাখা হয়। এই পদ্ধতিতে লেখা স্টাইল ডকুমেন্টের সব উপলব্ধ এলিমেন্টের ऊपर প্রয়োগ হয়।

উদাহরণ

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

এই পদ্ধতিকে Internal CSS বলা হয়। একক পেজের জন্য এটি কার্যকর, কিন্তু একাধিক পেজে একই স্টাইল ব্যবহার করতে হলে External CSS ফাইল ভালো।