ওয়েব স্কুল বিডি : সুপ্রিয় শিক্ষার্থী বন্ধুরা, শুভেচ্ছা নিয়ো। আমরা গত পর্বে সিলেক্টর নিয়ে আলোচনা করেছিলাম। আজ তোমাদের
ক্লাস সিলেক্টর নিয়ে আলোচনা করা হলো :
ক্লাস সিলেক্টর :
CSS এ ওয়েব পেজের কোন অংশ বা এক বা একাধিক উপাদানকে নির্দিষ্টভাবে চিহ্নিত করার একটি অন্যতম পদ্ধতি ক্লাস সিলেক্টর । একাধিক উপাদানকে একই ক্লাস সিলেক্টর দ্বারা চিহ্নিত করা যায়, তাই এটি কোডিং এর পরিমাণ হ্রাস করতে সাহায্য করে।
যেমন <p class="mar"> 24 / 7 Support</p> এর জন্য css কোডক্লাস সিলেক্টর :
CSS এ ওয়েব পেজের কোন অংশ বা এক বা একাধিক উপাদানকে নির্দিষ্টভাবে চিহ্নিত করার একটি অন্যতম পদ্ধতি ক্লাস সিলেক্টর । একাধিক উপাদানকে একই ক্লাস সিলেক্টর দ্বারা চিহ্নিত করা যায়, তাই এটি কোডিং এর পরিমাণ হ্রাস করতে সাহায্য করে।
.mar{color: #C03;
font-size:36px}
ক্লাস সিলেক্টর নির্দেশ করার জন্য HTML ট্যাগের মধ্যে class কি-ওয়ার্ড ব্যবহার করা হয় এর পর = চিহ্ন দিয়ে ডাবল কোটেশন এর ভেতরে ক্লাস এর নাম লেখা হয়। যেমন <p class="mar">। এখানে mar ক্লাসের নাম। স্টাইল সিটে ক্লাসকে চিহ্নিত করতে (.) ডট চিহ্ন ব্যবহার করা হয়। অনুশীলন প্রজেক্ট :
<html>
<head>
<title> Selectors</title>
<head>
<title> Selectors</title>
<style>
body{background: #FFC}
.post{color:#066;
font-family:Tahoma;
text-align:justify;}
body{background: #FFC}
.post{color:#066;
font-family:Tahoma;
text-align:justify;}
.mar{color: #C03;
font-size:36px}
</style>
</head>
<body >
<h1>www.webschoolbd.com</h1>
font-size:36px}
</style>
</head>
<body >
<h1>www.webschoolbd.com</h1>
<p class="post">
বাংলাদেশের প্রথম অনলাইন ভিত্তিক ট্রেনিং সেন্টার "Web School BD" । গত ১ বসর ধরে সফল ভাবে অনলাইনে ফ্রীলেন্সিং
এর উপর ট্রেনিং দিয়ে দক্ষ ফ্রিলেন্সার হিসেবে তৈরি করে আসছে! ওয়েব স্কুল বিডি এর মূল লক্ষ্য দেশের বেকারত্তের হার কমানো এবং দেশের রিজার্ভ বাড়ানো ।
সেই লক্ষেই ওয়েব স্কুল বিডি এর কার্যক্রম ।
ওয়েব স্কুল বিডি পেজঃ https://www.facebook.com/WebSchoolBDs/
</p>
ওয়েব স্কুল বিডি পেজঃ https://www.facebook.com/WebSchoolBDs/
</p>
<marquee>
<p class="mar">বাংলাদেশের প্রথম অনলাইন ভিত্তিক ট্রেনিং সেন্টার "Web School BD" ।</p>
</marquee>
</body>
</html>
প্রজেক্ট বিশ্লেষণ :<p class="mar">বাংলাদেশের প্রথম অনলাইন ভিত্তিক ট্রেনিং সেন্টার "Web School BD" ।</p>
</marquee>
</body>
</html>
.post{color:#066;
font-family:Tahoma;
text-align:justify;}এর মাধ্যমে post নামে নির্ধারিত ক্লাসযুক্ত উভয় প্যারাগ্রাফের জন্য স্টাইল নির্ধারণ করা হয়েছে।
<p class="mar">এর মাধ্যমে একটি প্যারাগ্রাফের জন্য mar নামে একটি ক্লাস নির্ধারণ করা হয়েছে।
.mar{color: #C03;
font-size:36px}এর মাধ্যমে mar নামে নির্ধারিত ক্লাসযুক্ত প্যারাগ্রাফের জন্য স্টাইল নির্ধারণ করা হয়েছে।
Tags
CSS