Css Silector

CSS(সিএসএস) এর বিভিন্ন সিলেক্টরের পরচিতি [ দ্বিতীয় পর্ব ]

CSS এর মাধ্যমে HTML দ্বারা তৈরি করা ওয়েব পেজের বিভিন্ন অংশকে নির্দিষ্ট করে গঠন, আকার, আকৃতি, অবস্থান, রং, গতিশীলতা ইত্যাদি নির্ধারণ করা হয়। Id , Class, Type, Attribute ইত্যাদির উপর ভিত্তি করে এইচটিএমএল এলিমেন্টগুলো খোঁজা বা নির্বাচন করার জন্য সিএসএস সিলেক্টর ব্যবহার করা হয়। এ গুলোর মধ্যে উল্লেখযোগ্য হচ্ছে ….

 

   ১। এলিমেন্ট সিলেক্টর

   ২। ট্যাগ সিলেক্টর

   ৩। আইডি সেলেক্টর

   ৪। ক্লাস সিলেক্টর

 

১। এলিমেন্ট সিলেক্টর ঃ-

এলিমেন্ট সিলেক্টর এলিমেন্টের নামের উপর ভিত্তি করে উপাদান নির্বাচন করে।

যেমন- আমরা সকল p এলিমেন্টগুলোকে সিলেক্ট করতে পারি এইভাবে

p example
  • Facebook
  • Twitter
  • Google+
  • Blogger

২। ট্যাগ সিলেক্টর ঃ-

CSS এ ওয়েব পেজের কোন অংশকে নির্দিষ্টভাবে চিহ্নিত করার জন্য যখন HTML ট্যাগ সমূহ ব্যবহার করা হয় তাকে ট্যাগ সিলেক্টর বলে। যেমন –

body
  • Facebook
  • Twitter
  • Google+
  • Blogger

৩। আইডি সিলেক্টর ঃ-

কোন ইউনিক element এর জন্য আমরা id ব্যবহার করে থাকি। একটি পেজ এর মধ্যে ID ইউনিক হওয়া উচিত। কোন element এর নির্দিষ্ট কোন ID কে কল করতে গেলে আমাদের হেস operator ব্যবহার করতে হয়।

যেমন – <div id=”web”>Independent-IT</div> এর জন্য css কোড।

আইডি  সিলেক্টর নির্দেশ করার জন্য HTML ট্যাগের মধ্যে id কি-ওয়ার্ড ব্যবহার করা হয় এর পর = চিহ্ন দিয়ে ডাবল কোটেশন এর ভেতরে ক্লাস এর নাম লেখা হয়। যেমন <div id=”web”>। এখানে web আইডির নাম। স্টাইল শীটে আইডিকে চিহ্নিত করতে হেস(#) চিহ্ন ব্যবহার করা হয়। যেমন-

web
  • Facebook
  • Twitter
  • Google+
  • Blogger

বি. দ্র. – আইডি এর নাম কখনো সংখ্যা দিয়ে লিখবেন না।

৪। ক্লাস সিলেক্টর ঃ-

CSS এ ওয়েব পেজের কোন অংশ বা এক বা একাধিক উপাদানকে নির্দিষ্টভাবে চিহ্নিত করার একটি অন্যতম পদ্ধতি ক্লাস সিলেক্টর । একাধিক উপাদানকে একই ক্লাস সিলেক্টর দ্বারা চিহ্নিত করা যায়, তাই এটি কোডিং এর পরিমাণ হ্রাস করতে সাহায্য করে।

যেমন – <div class=”web”>Independent-IT</div> এর জন্য css কোড

ক্লাস সিলেক্টর নির্দেশ করার জন্য HTML ট্যাগের মধ্যে class কি-ওয়ার্ড ব্যবহার করা হয় এর পর = চিহ্ন দিয়ে ডাবল কোটেশন এর ভেতরে ক্লাস এর নাম লেখা হয়। যেমন <div class=”web”>। এখানে mar ক্লাসের নাম। স্টাইল সিটে ক্লাসকে চিহ্নিত করতে ডট(.) চিহ্ন ব্যবহার করা হয়। যেমন –

web1
  • Facebook
  • Twitter
  • Google+
  • Blogger

বি. দ্র. – ক্লাস এর নাম কখনো সংখ্যা দিয়ে লিখবেন না।

Write Your Comment

Pin It on Pinterest

Shares
Share This