There is no item in the cart. If you want to buy, Please click here.
সিএসএস(CSS) টিউটোরিয়াল
একটি ওয়েব পেজের ডিজাইন করা, গঠন তৈরি করা এবং বিভিন্নভাবে প্রদর্শনীর জন্য সিএসএস ব্যবহার করা হয়সবচেয়ে গুরুত্বপূর্ণ বিষয়টি হল সিএসএস এর মাধ্যমে আপনি ভিন্ন ভিন্ন ডিভাইসে একটি ওয়েব পেজকে সুন্দরভাবে উপস্থাপন করতে পারবেন
৩ টি পদ্ধতিতে কোন ওয়েব পেজে সিএসএস স্টাইল কোড ব্যবহার করা যায়। এগুলো হল
ইনলাইন স্টাইল ব্যবহার করার জন্য, যে এইচটিএমএল এলিমেন্টে স্টাইল করা হবে, ঐ ট্যাগের সাথে style এট্রিবিউট ব্যবহার করতে হয়।style এট্রিবিউট যে কোন সিএসএস প্রপার্টির সাথে ব্যবহার করা যায়।উদাহরনঃ
<h2 style="color:teal;margin-left:30px;">This is a heading.</h2>
<p style="color:blue;margin-left:20px;">This is a paragraph.</p>
যখন একই স্টাইল কোড একাধিক ওয়েব পেজ বা এইচটিএমএল ডকুমেন্ট ব্যবহার করার প্রয়োজন হয় তখন এক্সটারনাল স্টাইল সীট পদ্ধতি ব্যবহার করাই উত্তম। প্রতিটি ওয়েব পেজেই অবশ<link> ট্যাগের মাঝে href আত্ত্রিবুত ব্যবহার করে এক্সটারনাল স্টাইল সীট যুক্ত করে দিতে হয়। এক্ষেত্রে<link ট্যাগটি অবশ্যই <head> . . . </head> ট্যাগ অর্থাৎ head সেকশনের মাঝে রাখতে হয়।উদাহরনঃ
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css" />
</head>
যদি এক ধরনের স্টাইল শুধুমাত্র একটি ওয়েব পেজ বা এইচটিএমএল ডকুমেন্টে ব্যবহার করার জন্য প্রয়োজন হয় তবে সেক্ষেত্রে ইন্টারনাল স্টাইল পদ্ধতি ব্যবহার করাই উত্তম। ইন্টারনাল স্টাইল সীট প্রকাশ করা হয় এইচটিএমএল ডকুমেন্<head> ট্যাগের ভেতরে, <style> ট্যাগ ব্যবহার করে।
উদাহরনঃ
<head>
<style type="text/css">
body {background-color:yellow;}
p {color:blue;}
</style>
</head>
একই ওয়েব পেজে একাধিক পদ্ধতিতে স্টাইল কোড ব্যবহার করা যায়। আবার একটি এইচটিএমএল ডকুমেন্টই একাধিক external স্টাইল সীট ব্যবহার করা যায়উদাহরনঃ
<html>
<head>
<link rel="stylesheet" type="text/css" href="mystyle.css">
<style>
h1 {
color: lime;
}
</style>
</head>
<body>
<h1> This is a heading. </h1>
</body>
</html>
