আসসালামু আলাইকুম, কেমন আছেন সবাই? আশা করি মহান আল্লাহ্ তা'আলার অশেষ কৃপায় ভাল আছেন? আমি আলহামদুলিল্লাহ্ ভাল আছি ।
আজ ওয়েব ডিজাইন টিউটোরিয়াল এর ১১ তম পর্ব শুরু করতে যাচ্ছি । কিছু ব্যস্ততা এবং সমস্যার কারণে বেশ কিছু দিন টিউটোরিয়াল লেখা হয়নি । এ জন্য আমি আন্তরিকভাবে দুঃখিত । যাইহোক, এবার আমরা আমাদের মূল আলোচনায় আসি ।
এখন আমি সিএসএস সিলেক্টর নিয়ে আলোচনা করবো । সিএসএস সিলেক্টর কে সিএসএস এর হৃদপিন্ড বলা হয় । বিভিন্ন ধরনের সিলেক্টর আছে । এসব দিয়ে এইচটিএমএল পেজের এলিমেন্ট সিলেক্ট করা যায় এবং সিলেক্ট করার পর নিজের ইচ্ছেমত স্টাইলিং করা যায় ।
আরও জানতে নিচের কোডগুলো দেখুন;
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;}
আইডি এর নাম সংখ্যা দিয়ে শুরু করবেন না, তাহলে এটা ইন্টারনেট এক্সপ্লোরার এ কাজ করবেন না ।
আশা করি সিএসএস সিলেক্টর সম্পর্কে বুঝতে পেরেছেন ।
আশা করি বুঝতে পেরেছেন । বুঝতে না পারলে কমেন্ট এর মাধ্যমে জানাবেন । আমি সমাধান দেওয়ার চেষ্টা করবো । পরবর্তী টিউটোরিয়াল খুব শীঘ্রই পাবেন - ইনশাল্লাহ্ ।
ভাল থাকবেন সবাই । আল্লাহ্ হাফেজ ।
আমার সাথে ফেইসবুক এ যোগাযোগ করতে এখানে ক্লিক করুন ।
আমি জিহাদুর রহমান। বিশ্বের সর্ববৃহৎ বিজ্ঞান ও প্রযুক্তির সৌশল নেটওয়ার্ক - টেকটিউনস এ আমি 12 বছর যাবৎ যুক্ত আছি। টেকটিউনস আমি এ পর্যন্ত 51 টি টিউন ও 194 টি টিউমেন্ট করেছি। টেকটিউনসে আমার 0 ফলোয়ার আছে এবং আমি টেকটিউনসে 0 টিউনারকে ফলো করি।
Darun @Bro