CSS(ক্যাসকেডিং স্টাইল শীট) হল ওয়েব ডেভেলপমেন্টের একটি মৌলিক উপাদান যা আপনার ওয়েবসাইটে HTML উপাদানগুলির ভিজ্যুয়াল চেহারা নিয়ন্ত্রণে একটি গুরুত্বপূর্ণ ভূমিকা পালন করে। এটি নিয়ম এবং বৈশিষ্ট্যগুলির একটি শক্তিশালী সেট সরবরাহ করে যা সংজ্ঞায়িত করে যে উপাদানগুলি কীভাবে প্রদর্শিত, বিন্যাসিত এবং অবস্থান করা হয়, আপনাকে আপনার ওয়েব পৃষ্ঠাগুলির চেহারা এবং অনুভূতি কাস্টমাইজ করার অনুমতি দেয়৷
নির্বাচকদের ধারণা বোঝার মাধ্যমে শুরু করা যাক
নির্বাচকদের স্টাইলিং জন্য নির্দিষ্ট HTML উপাদান লক্ষ্য করতে ব্যবহার করা হয়. সবচেয়ে মৌলিক নির্বাচকদের মধ্যে একটি হল উপাদান নির্বাচক, যা একটি নির্দিষ্ট HTML উপাদানের সমস্ত দৃষ্টান্ত নির্বাচন করে।
উদাহরণস্বরূপ, নিম্নলিখিত CSS নিয়মটি একটি নথির সমস্ত অনুচ্ছেদকে লক্ষ্য করে:
p {
color: blue;
}
এই উদাহরণে, p নির্বাচক সমস্ত <p> উপাদান নির্বাচন করে এবং তাদের পাঠ্যের রঙ নীলে সেট করে।
আরেকটি সাধারণ নির্বাচক হল ক্লাস নির্বাচক
ক্লাসগুলি অনুরূপ বৈশিষ্ট্য সহ উপাদানগুলিকে গোষ্ঠীভুক্ত করতে ব্যবহৃত হয়। এইচটিএমএল এলিমেন্টে একটি ক্লাস বরাদ্দ করে, আপনি সেগুলিকে সম্মিলিতভাবে লক্ষ্য এবং স্টাইল করতে পারেন।
এখানে একটি উদাহরণ:
.blue-text {
color: blue;
}
n এই ক্ষেত্রে, .blue-text নির্বাচক ক্লাস সহ সমস্ত উপাদানকে লক্ষ্য করে blue-text এবং তাদের পাঠ্যে নীল রঙ প্রয়োগ করে।
উপরন্তু, ID নির্বাচক আপনাকে একটি নির্দিষ্ট উপাদানকে তার অনন্য শনাক্তকারী দ্বারা লক্ষ্য করার অনুমতি দেয়। ID সাধারণত একটি পৃষ্ঠায় পৃথক উপাদানের জন্য বরাদ্দ করা হয়।
এখানে একটি উদাহরণ:
#header {
background-color: gray;
}
এই উদাহরণে, #header নির্বাচক উপাদানটি নির্বাচন করে ID header এবং এটিতে একটি ধূসর পটভূমির রঙ প্রয়োগ করে।
CSS-এর সিনট্যাক্সের দিকে এগিয়ে গিয়ে, প্রতিটি CSS নিয়মে একটি নির্বাচক এবং একটি ঘোষণা ব্লক থাকে
ঘোষণা ব্লকটি কোঁকড়া বন্ধনীতে আবদ্ধ {} এবং এতে এক বা একাধিক ঘোষণা রয়েছে। ঘোষণা একটি সম্পত্তি এবং এর সংশ্লিষ্ট মান নিয়ে গঠিত।
এখানে একটি উদাহরণ:
h1 {
font-size: 24px;
color: #333;
}
এই কোড স্নিপেটে, h1 নির্বাচক সমস্ত <h1> উপাদান নির্বাচন করে এবং তাদের ফন্টের আকার 24 পিক্সেল এবং পাঠ্যের রঙ গাঢ় ধূসর(#333) এ সেট করে।
এই সিরিজ জুড়ে, আমরা বিভিন্ন CSS বৈশিষ্ট্য, নির্বাচক এবং তাদের সংমিশ্রণগুলি অন্বেষণ করব এবং ব্যাখ্যা করব, যা আপনাকে দৃশ্যত আকর্ষণীয় এবং সুগঠিত ওয়েবসাইট তৈরি করতে সক্ষম করে। CSS এবং এর মৌলিক সিনট্যাক্স বোঝা আপনাকে একটি অনন্য এবং ব্যক্তিগতকৃত ব্যবহারকারীর অভিজ্ঞতা নিশ্চিত করে আপনার ওয়েব পৃষ্ঠাগুলির স্টাইলিং দিকগুলির নিয়ন্ত্রণ নিতে ভিত্তি দেবে। আসুন ডুবে যাই এবং CSS এর সীমাহীন সম্ভাবনাগুলি আবিষ্কার করি!