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