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

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

 আইডি সিলেক্টর :
CSS এ ওয়েব পেজের কোন অংশ বা কোন উপাদানকে নির্দিষ্টভাবে চিহ্নিত করার একটি জনপ্রিয় পদ্ধতি আইডি সিলেক্টর । একাধিক উপাদানকে ক্লাস সিলেক্টর এর মত একই আইডি সিলেক্টর দ্বারা চিহ্নিত করা যায় না। যেমন
<p id="post1"> We are bangladeshi Hostgator hosting provider. The world wide technical and support team is working for your best movement.  information. </p>
এরজন্যcssকোড
#post1{
              color:#066;
             font-family:Tahoma;
              text-align:justify;
           }
www.webschoolbd.comআইডি  সিলেক্টর নির্দেশ করার জন্য HTML ট্যাগের মধ্যে id কি-ওয়ার্ড ব্যবহার করা হয় এর পর = চিহ্ন দিয়ে ডাবল কোটেশন এর ভেতরে ক্লাস এর নাম লেখা হয়। যেমন <p id="post1">। এখানে post1 আইডির নাম। স্টাইল শীটে আইডিকে চিহ্নিত করতে (#) চিহ্ন ব্যবহার করা হয়।

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

<html>
<head>
<title> Selectors</title>
<style>
body{background: #FFC}
#post1{color:#066;
font-family:Tahoma;
text-align:justify;}

#mar{color: #C03;
font-size:36px}

  </style>
</head>
<body >
<h1>www.webschoolbd.com</h1>
<p id="post1">

বাংলাদেশের প্রথম অনলাইন ভিত্তিক ট্রেনিং সেন্টার "Web School BD" । গত ১ বসর ধরে সফল ভাবে অনলাইনে ফ্রীলেন্সিং এর উপর ট্রেনিং দিয়ে দক্ষ ফ্রিলেন্সার হিসেবে তৈরি করে আসছে! ওয়েব স্কুল বিডি এর মূল লক্ষ্য দেশের বেকারত্তের হার কমানো এবং দেশের রিজার্ভ বাড়ানো । সেই লক্ষেই ওয়েব স্কুল বিডি এর কার্যক্রম ।
ওয়েব স্কুল বিডি পেজঃ     https://www.facebook.com/WebSchoolBDs/ 
</p>
<marquee>
<p id="mar">
বাংলাদেশের প্রথম অনলাইন ভিত্তিক ট্রেনিং সেন্টার "Web School BD" । </p>
</marquee>
</body>
</html>
 
প্রজেক্ট বিশ্লেষণ :
<p id="post1"> এর মাধ্যমে একটি প্যারাগ্রাফের জন্য post1 নামে একটি আইডি নির্ধারণ করা হয়েছে।
#post1{color:#066;
font-family:Tahoma;
text-align:justify;}
এর মাধ্যমে post1 নামে নির্ধারিত আইডিযুক্ত প্যারাগ্রাফের জন্য স্টাইল নির্ধারণ করা হয়েছে।
#mar{color: #C03;
font-size:36px}
  এর মাধ্যমে mar নামে নির্ধারিত আইডিযুক্ত প্যারাগ্রাফের জন্য স্টাইল নির্ধারণ করা হয়েছে।

Previous
Next Post »

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