সিএসএস টিউটোরিয়াল পর্ব - ৩

Posted by: | Published: Sunday, October 16, 2016 | Categories:
ওয়েব স্কুল বিডি : সুপ্রিয় শিক্ষার্থী বন্ধুরা, শুভেচ্ছা নিয়ো। আমরা গত পর্বে সিলেক্টর নিয়ে আলোচনা করেছিলাম। আজ তোমাদের ক্লাস সিলেক্টর নিয়ে আলোচনা করা হলো :

ক্লাস সিলেক্টর : 
CSS এ ওয়েব পেজের কোন অংশ বা এক বা একাধিক উপাদানকে নির্দিষ্টভাবে চিহ্নিত করার একটি অন্যতম পদ্ধতি ক্লাস সিলেক্টর । একাধিক উপাদানকে একই ক্লাস সিলেক্টর দ্বারা চিহ্নিত করা যায়, তাই এটি কোডিং এর পরিমাণ হ্রাস করতে সাহায্য করে।
যেমন <p class="mar"> 24 / 7 Support</p> এর জন্য css কোড
.mar{color: #C03;
font-size:36px}
www.webschoolbd.comক্লাস সিলেক্টর নির্দেশ করার জন্য HTML ট্যাগের মধ্যে class কি-ওয়ার্ড ব্যবহার করা হয় এর পর = চিহ্ন দিয়ে ডাবল কোটেশন এর ভেতরে ক্লাস এর নাম লেখা হয়। যেমন <p class="mar">। এখানে mar ক্লাসের নাম। স্টাইল সিটে ক্লাসকে চিহ্নিত করতে (.) ডট চিহ্ন ব্যবহার করা হয়।

 

অনুশীলন প্রজেক্ট :

<html>
<head>
<title> Selectors</title>
<style>
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>
<p class="post">
বাংলাদেশের প্রথম অনলাইন ভিত্তিক ট্রেনিং সেন্টার "Web School BD" । গত ১ বসর ধরে সফল ভাবে অনলাইনে ফ্রীলেন্সিং এর উপর ট্রেনিং দিয়ে দক্ষ ফ্রিলেন্সার হিসেবে তৈরি করে আসছে! ওয়েব স্কুল বিডি এর মূল লক্ষ্য দেশের বেকারত্তের হার কমানো এবং দেশের রিজার্ভ বাড়ানো । সেই লক্ষেই ওয়েব স্কুল বিডি এর কার্যক্রম ।
ওয়েব স্কুল বিডি পেজঃ     https://www.facebook.com/WebSchoolBDs/
      
  </p>

<marquee>
<p class="mar">
বাংলাদেশের প্রথম অনলাইন ভিত্তিক ট্রেনিং সেন্টার "Web School BD" ।</p>
</marquee>

</body>  
</html>
প্রজেক্ট বিশ্লেষণ :
<p class="post"> এর মাধ্যমে একটি প্যারাগ্রাফের জন্য post নামে একটি ক্লাস নির্ধারণ করা হয়েছে।
.post{color:#066;
font-family:Tahoma;
text-align:justify;}
এর মাধ্যমে post নামে নির্ধারিত ক্লাসযুক্ত উভয় প্যারাগ্রাফের জন্য স্টাইল নির্ধারণ করা হয়েছে।
<p class="mar">এর মাধ্যমে একটি প্যারাগ্রাফের জন্য mar নামে একটি ক্লাস নির্ধারণ করা হয়েছে।
.mar{color: #C03;
font-size:36px}
এর মাধ্যমে mar নামে নির্ধারিত ক্লাসযুক্ত প্যারাগ্রাফের জন্য স্টাইল নির্ধারণ করা হয়েছে।

Previous
Next Post »

আপনার কোন কিছু জানার থাকলে কমেন্টস বক্স এ লিখতে পারেন। আমরা যথাযত চেস্টা করব আপনার সঠিক উত্তর দিতে। ভালো লাগলে ধন্যবাদ দিতে ভুলবেন না।
- শুভকামনায় ওয়েব স্কুল বিডি
ConversionConversion EmoticonEmoticon