শ্রেণীর বৈশিষ্ট্য

6.1 ক্লাস অ্যাট্রিবিউট এবং স্টাইল ট্যাগ

কিন্তু এখানেই শেষ নয়. শত শত "শৈলী" উদ্ভাবিত হওয়ার পরে, প্রশ্ন উঠেছে: সেগুলি কীভাবে ব্যবহার করবেন? এবং তারপরে তারা তাদের "ক্লাস" এ গোষ্ঠীবদ্ধ করার ধারণা নিয়ে এসেছিল। এগুলি অবশ্যই জাভার মতো একই ক্লাস নয়। শুধু বিশেষ শৈলী গ্রুপ.

এবং যদি "ক্লাস" ব্যবহার করার আগে আপনার একটি ছবি ছিল:

<img src="logo.png" style="width=100px;height=100px;opacity=0.5">

এখন এটি এভাবে লেখা যেতে পারে:

<img src="logo.png" class="picture">

<style>
    img.picture {
        width=100px;
        height=100px;
        opacity=0.5
    }
</style>

আমরা একটি বিশেষ তৈরি করেছি «style» pictureএবং শৈলীর মানগুলি থেকে স্থানান্তর করেছি style। এবং তারপর আমরা ট্যাগ দিয়ে <img> এবং "স্টাইল" ছবি বেঁধেছি class।

6.2 নির্বাচক, নির্বাচকের প্রকার

classesএই শৈলীগুলি, আলাদাভাবে রেন্ডার করা হয়, বা হিসাবে পরিচিত হয় selectors। তাদের বেশ কয়েকটি গুরুত্বপূর্ণ বৈশিষ্ট্য রয়েছে।

একজনের html-elementএকাধিক নির্বাচক থাকতে পারে। তাদের নাম একটি স্পেস দিয়ে নির্দেশ করা হয়েছে। উদাহরণ:

<img src="logo.png" class="picture main">

একটি কারণ আমরা এখানে নির্বাচকদের স্পর্শ করেছি কারণ তারা স্বয়ংক্রিয়ভাবে প্রয়োগ করা যেতে পারে। এবং এই দরকারী সম্পত্তি ভবিষ্যতে খুব প্রায়ই ব্যবহার করা হবে. জাভা বিকাশকারী সহ।

এখানে তাদের একটি সংক্ষিপ্ত তালিকা:

* {
  margin: 0;
  padding: 0;
}

#img123 {
   width:100px;
   height 100px;
}

table {
   color: black;
}

table.important {
   color: red;
}

.picture {
  opacity: 0.5
}

main article {
  color: blue;
}

a:link {
color: blue;
}

a:visited {
color: red;
}

input[type=radio]:checked {
 border: 1px solid black;
}

div:hover {
  background: red;
}

ul li:first-child {
 border-top: none;
}

আপনাকে সব মুখস্থ করতে হবে না। তবে ভাল হবে যদি আপনি এই টেবিলটি কয়েকবার অধ্যয়ন করেন এবং এই সমস্ত আপনার মাথায় জমা হয়। আধুনিক জীবনে ওয়েব ছাড়া, কোথাও, এবং ওয়েবে - নির্বাচকদের ছাড়া কোথাও নেই।