কম্পিউটার টিউটোরিয়াল

এম্বেডেড 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>

অ্যাট্রিবিউট:

Attribute Value Description
Typetext/cssস্টাইলশিট ল্যাঙ্গুয়েজ কন্টেন্ট-টাইপ (MIME type) হিসেবে নির্দিষ্ট করে। আবশ্যক অ্যাট্রিবিউট।
mediascreen, tty, tv, projection, handheld, print, braille, aural, allডকুমেন্ট কোন ডিভাইসে দেখানো হবে তা নির্দিষ্ট করে। ডিফল্ট all। অপশনাল অ্যাট্রিবিউট।
  1. CSS দিয়ে ব্রাউজার উইন্ডো উদাহরণ তৈরি

  2. CSS Attribute Selectors ব্যবহার করে ফর্ম স্টাইলিং

  3. HTML <base> target অ্যাট্রিবিউট

  4. HTML <base> href অ্যাট্রিবিউট