ADs by Techtunes ADs
ADs by Techtunes ADs

ওয়েব ডিজাইন টিউটোরিয়াল [পর্ব-১১] :: সিএসএস সিলেক্টর

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

ADs by Techtunes ADs

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

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

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

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

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

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

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

ADs by Techtunes ADs

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

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

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

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

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

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

ADs by Techtunes ADs
Level 0

আমি জিহাদুর রহমান। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 7 বছর 3 মাস যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 51 টি টিউন ও 194 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 0 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।


টিউনস


আরও টিউনস


টিউনারের আরও টিউনস


টিউমেন্টস

Level 0

Darun @Bro

For your cordiality, trust and whole-hearted support by This type of non profit task, Please, accept my deep appreciation.