আসসালামু আলাইকুম, কেমন আছেন সবাই? আশা করি মহান আল্লাহ্‌ তা'আলার অশেষ কৃপায় ভাল আছেন? আমি আলহামদুলিল্লাহ্‌ ভাল আছি ।

আজ ওয়েব ডিজাইন টিউটোরিয়াল এর ১১ তম পর্ব শুরু করতে যাচ্ছি । কিছু ব্যস্ততা এবং সমস্যার কারণে বেশ কিছু দিন টিউটোরিয়াল লেখা হয়নি । এ জন্য আমি আন্তরিকভাবে দুঃখিত । যাইহোক, এবার আমরা আমাদের মূল আলোচনায় আসি ।

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

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

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;}

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

আশা করি বুঝতে পেরেছেন । বুঝতে না পারলে কমেন্ট এর মাধ্যমে জানাবেন । আমি সমাধান দেওয়ার চেষ্টা করবো । পরবর্তী টিউটোরিয়াল খুব শীঘ্রই পাবেন - ইনশাল্লাহ্‌ ।

ভাল থাকবেন সবাই । আল্লাহ্‌ হাফেজ ।

আমার সাথে ফেইসবুক এ যোগাযোগ করতে এখানে ক্লিক করুন ।