CSS কোড লেখার নিয়ম (How to write CSS code)
CSS দিয়ে মূলত আমরা HTML এর ট্যাগ গুলোকে ধরে style করে থাকি। ট্যাগ ছাড়াও class অথবা id Selector দিয়েও আমরা style করতে পারি।
CSS কোড লেখার নিয়ম হলো-
selector {
css property : this property value;
}
প্রথমে আপনাকে selector ধরতে হবে তারপর এর ভিতরে css এর property এবং সেই property value দিয়ে আসতে হবে।
যেমন- আমাদের ফাইলের সমস্ত লেখাকে 20px সাইজ করব। তার জন্য আমাদের করতে হবে-
body {
font-size : 20px;
}
এখানে আমরা HTML এর body কে ধরে তার ভিতরে বলে দিয়েছি যে আমাদের ফাইলে যত রকম লেখা আছে তাদের font-size হবে 20px।
আমরা এখানে CSS এর একটা property- font-size ব্যবহার করেছি এবং এই property এর value 20px দিয়েছি। এভাবে আপনি অনেকগুলো property এবং সেই property
এর value ব্যবহার করতে পারবেন।
মনে রাখবে property এর পরে কোলন ( : ) হবে এবং property এর value দেওয়ার পর সেমিকোলন ( ; ) হবে।
CSS Selectors
HTML এর ট্যাগগুলোকে ধরার জন্য অথবা style করার জন্য তাদের নাম অথবা id, class, attribute অনুযায়ী CSS Selectors ব্যবহার করা হয়।
Element/Tag Selector
element selector HTML এর elements অথবা ট্যাগকে select করে তাদের ট্যাগের নাম অনুসারে।
যেমন- আপনি চান যে সমস্ত paragraph লেখার কালার হবে কালো। এর জন্য আমরা প্রথমে HTML এর p ট্যাগকে অথাব element কে ধরবো তারপর CSS এর Property এবং তার value দিয়ে দিব।
p {
color : #000;
}
তাহলেই দেখা যাবে যে, আমাদের ফাইলে সব paragraph এর লেখার কালার কালো হয়ে গিয়েছে।
Id Selector