সিএসএস নির্বাচক শ্রেণী এবং আইডি মধ্যে পার্থক্য কি? এইচটিএমএল এ আইডি এবং ক্লাস ব্যবহার

সিএসএস নির্বাচক শ্রেণী এবং আইডি মধ্যে পার্থক্য কি? এইচটিএমএল এ আইডি এবং ক্লাস ব্যবহার

চেন উইলিয়াংসম্প্রতি মৃত্যুদন্ড কার্যকর করা হয়েছেএসইও, সাইটের অপ্টিমাইজ করতেওয়ার্ডপ্রেসথিম।

যদিও আমি এর আগে কিছু প্রাথমিক HTML এবং CSS জ্ঞান শিখেছি, কিন্তু আমি কিছু সময়ের জন্য এটি পরিচালনা করিনি, বিশেষ করে CSS অংশের ব্যবহার, এটি ভুলে যাওয়া সহজ।

সুতরাং, CSS নির্বাচক আইডি এবং ক্লাসের পার্থক্য এবং ব্যবহার এখানে রেকর্ড করুন এবং সংক্ষিপ্ত করুন:

• আইডি #div-এর সাথে মিলে যায়
• ক্লাস .div-এর সাথে মিলে যায়

আইডি এবং ক্লাসের মধ্যে পার্থক্য

আইডি বিবরণ

• id হল একটি নির্দিষ্ট ট্যাগ, যা ওয়েব পৃষ্ঠায় বৃহত্তর শৈলী সংজ্ঞায়িত করতে ব্যবহৃত হয়, যা #div আকারে সংজ্ঞায়িত করা হয়
• উদাহরণস্বরূপ: কলাম, শীর্ষ, বডি, নীচে, ইত্যাদি ভাগ করা...
• এটি একটি নির্দিষ্ট উপাদানকে সংজ্ঞায়িত করতে ব্যবহৃত হয়, যা প্রতি পৃষ্ঠায় শুধুমাত্র একবার প্রদর্শিত হতে পারে এবং বারবার বলা যাবে না।

বর্গ বিবরণ

• ক্লাস হল একটি স্টাইল গ্রুপ, যা ওয়েব পৃষ্ঠায় বিস্তারিত শৈলী সংজ্ঞায়িত করতে ব্যবহৃত হয়। এটি .div আকারে সংজ্ঞায়িত করা হয় এবং পুনরাবৃত্তি করা যেতে পারে।
• উদাহরণস্বরূপ: একটি নির্দিষ্ট মেনু, পাঠ্যের একটি লাইন, ইত্যাদি...
• একই পৃষ্ঠায়, এটি একাধিক উপাদান দ্বারা বারবার কল করা যেতে পারে

div নির্বাচকের নিজেই বৈশিষ্ট্য নেই। এটির css সংজ্ঞায়িত করে, এটি কিছু লেআউট যেমন div-এর প্রস্থ, উচ্চতা, পটভূমির রঙ এবং পাঠ্যের আকার নিয়ন্ত্রণ করে।

সাধারণই-কমার্সওয়েবসাইট,একটি ওয়েবসাইট তৈরি করুনপ্রোগ্রাম দ্বারা উত্পন্ন html ওয়েব পেজ CSS এর মাধ্যমে পৃষ্ঠা বিন্যাস উপলব্ধি করা হয়।

নির্বাচক কি?

প্রতিটি CSS শৈলীর সংজ্ঞা 2টি অংশ নিয়ে গঠিত:

选择器 {样式}

• {} এর আগের অংশটি হল "নির্বাচক"।
• "নির্বাচক" {} এর "স্টাইল" নির্দেশ করে যেটিতে এটি কাজ করে।
• অর্থাৎ, ওয়েব পৃষ্ঠার কোন উপাদানে এই "স্টাইল" কাজ করে?

কোড উদাহরণ

এখানে কিভাবে একটি class="sidebar" উপাদান নির্বাচন এবং স্টাইল করতে হয়:

.sidebar
{ 
background-color:black;
}

id="footer" এর সাহায্যে কীভাবে একটি উপাদান নির্বাচন এবং স্টাইল করতে হয় তা এখানে:

#footer
{ 
background-color:black;
}