সিএসএস সিলেক্টর

এখন আমি সিএসএস সিলেক্টর নিয়ে আলোচনা করবো । সিএসএস সিলেক্টর কে সিএসএস এর হৃদপিন্ড বলা হয় । বিভিন্ন ধরনের সিলেক্টর আছে । এসব দিয়ে এইচটিএমএল পেজের এলিমেন্ট সিলেক্ট করা যায় এবং সিলেক্ট করার পর নিজের ইচ্ছেমত স্টাইলিং করা যায় ।

আরও জানতে নিচের কোডগুলো দেখুন;

p {text-align: center; color: black  font-family: arial; }
h1 {color: red; text-align: center; }

উপরে p, h1 এসব হচ্ছে সিলেক্টর । CSS এ বেশ কয়েক ধরণের সিলেক্টর ব্যবহার করা হয় । এসব সিলেক্টরের মধ্যে উল্লেখযোগ্য হচ্ছে;

  • ট্যাগ সিলেক্টর
  • ক্লাস সিলেক্টর
  • আইডি সিলেক্টর

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

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

p {text-align: center; color: black  font-family: arial; }
h1 {color: red; text-align: center; }

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

ওয়েব সাইটের এক বা একাধিক উপাদানকে নির্দিষ্ট ডিজাইন করতে ক্লাস ব্যবহার করা হয় ।

ক্লাস ব্যবহার করার জন্য ক্লাসের নামের পূর্বে একটি . (Dot) দিতে হয় । যেমন;

.menu {background: #0F8888;
    margin-bottom: 15px;}

ক্লাস এর নাম সংখ্যা দিয়ে শুরু করবেন না, তাহলে এটা ইন্টারনেট এক্সপ্লোরার এ কাজ করবেন না ।

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

ওয়েব সাইটের কোন নির্দিষ্ট উপাদানকে নির্দিষ্ট ডিজাইন করতে সিএসএস আইডি সিলেক্টর ব্যবহার করা হয় ।

সিএসএস আইডি সিলেক্টর ব্যবহার করার জন্য ক্লাসের নামের পূর্বে একটি # চিহ্ন দিতে হয় । যেমন;

#menu {background: #0F8888;
    margin-bottom: 15px;}

আইডি এর নাম সংখ্যা দিয়ে শুরু করবেন না, তাহলে এটা ইন্টারনেট এক্সপ্লোরার এ কাজ করবেন না ।
আশা করি সিএসএস সিলেক্টর সম্পর্কে বুঝতে পেরেছেন ।

Series Navigation<< সিএসএস সিনট্যাক্সস্টাইলশীট ব্যবহার করার পদ্ধতি >>

Leave a Reply

Your email address will not be published. Required fields are marked *