লেখকঃ মোঃমিনহাজুল ইসলাম
সিএসএস হলো Cascading Style Sheets. । সিএসএস ফাইল সেভ করতে হয় .css দিয়ে।
সিএসএস ব্যবহার করা হয় এইচটিএমএল পেজটে কে আরও দৃষ্টিনন্দন করা জন্য।
সিএসএস ৩ দরনে হয়।
১) ইন্টারনাল সিএসএস ।
২) এক্সটার্নাল সিএসএস ।
৩) ইনলাইন সিএসএস ।
ইন্টারনাল সিএসএসঃ যেকোন এইচটিএমএল ডকুমেন্টে <head></head> এর ভিতর style ট্যাগ ব্যবহার করে ইন্টারনাল সিএসএস লেখা হয়। একটা উদাহরনঃ
<!DOCTYPE html>
html>
<head>
<style>
h1{color: #ddd;background: yellow;text-align: center;}
</style>
</head>
<body>
<h1>www.minhajsite.wordpress.com demo heading</h1>
<p>This is my blog site</p>
</body>
</html>
এক্সটার্নাল সিএসএস : একটা ফাইলে রেখে সেটা .css এক্সটেনশন নাম দিয়ে (যেমন style.css) সেভ করে এইচটিএমএল ফাইলে সংযুক্ত করে দিলেই হয়ে যায়। এটার নামই হচ্ছে এক্সটার্নাল সিএসএস। এইচটিএমএল এ link নামে একটা ট্যাগ আছে এটা দিয়েই সংযোগ দেয়া যায়। একটা উদাহরনঃ
<!DOCTYPE html>
html>
<head>
<link href="/style.css" rel="stylesheet" type="text/css"/>
</head>
<body>
<h1>www.minhajsite.wordpress.com demo heading</h1>
<p>This is my blog site</p>
</body>
</html>
এবার এই ফাইলটি index.html নামে সেভ করুন। style.css এর কোড
h1{color: #ddd; background: yellow;text-align: center;}
ইনলাইন সিএসএস : এলিমেন্টের ভিতরেই সিএসএস লেখা হয় তাই ইনলাইন সিএসএস বলে। একটা উদাহরনঃ
<h2 style="background-color: #ddd; color: #fff;">This is my blog site
</h2>
সিএসএস হলো Cascading Style Sheets.
Permanent link to this article: http://bangla.sitestree.com/%e0%a6%b8%e0%a6%bf%e0%a6%8f%e0%a6%b8%e0%a6%8f%e0%a6%b8-%e0%a6%b9%e0%a6%b2%e0%a7%8b-cascading-style-sheets/
