স্টাইলশিট রুল ইনক্লুড করতে <style> এলিমেন্ট বা style অ্যাট্রিবিউট বা এক্সটার্নাল স্টাইলশিট <link> ব্যবহার করুন।
<link> এলিমেন্ট ব্যবহার করে আপনার HTML ডকুমেন্টে এক্সটার্নাল স্টাইলশিট ফাইল ইনক্লুড করা যায়।
এক্সটার্নাল স্টাইলশিট হলো একটি আলাদা টেক্সট ফাইল যার এক্সটেনশন .css। আপনি এই টেক্সট ফাইলে সকল স্টাইল রুল ডিফাইন করুন এবং তারপর যেকোনো HTML ডকুমেন্টে <link> এলিমেন্ট দিয়ে এই ফাইলটি ইনক্লুড করুন।
এক্সটার্নাল CSS ফাইল ইনক্লুড করার সিনট্যাক্স:
<head>
<link href="..." media="..." />
</head><link> এলিমেন্টের অ্যাট্রিবিউটগুলো:
| অ্যাট্রিবিউট | ভ্যালু | বিবরণ |
|---|---|---|
| Type | text/css | স্টাইলশিট ল্যাঙ্গুয়েজ কন্টেন্ট-টাইপ (MIME type) হিসেবে নির্দিষ্ট করে। এটি আবশ্যক। |
| Href | URL | স্টাইল রুল ধারণকারী স্টাইলশিট ফাইল নির্দিষ্ট করে। এটি আবশ্যক। |
| media | screen, tty, tv, projection, handheld, print, braille, aural, all | ডকুমেন্ট কোন ডিভাইসে দেখানো হবে তা নির্দিষ্ট করে। ডিফল্ট all। অপশনাল। |
মান লেন স্টাইল new.css:
h1, h2 {
color: #36C;
font-weight: normal;
letter-spacing: .4em;
margin-bottom: 1em;
text-transform: lowercase;
}এখন এই new.css ফাইলটি যেকোনো HTML ডকুমেন্টে নিচের মত ইনক্লুড করুন:
<head>
<link rel="stylesheet" href="mystyle.css" media="all" />
</head>