একটি সিএসএস রুল এ সমসময় একটি সিলেক্টর ও একটি ডিকলারেশন ব্লক থাকে । নিচের ছবিটি দেখুন …
CSS Syntax
সিলেক্টর হচ্ছে এইচটিএমএল এর এক একটি এলিমেন্ট যেগুলকে আপনি সাজাতে চান।
ডিকলারেশন ব্লক এক বা একাধিক ডিকলারেশন ধারন করে এবং সেগুলো সেমিকোলন (semicolons) দিয়ে আলাদা করা হয় ।
প্রতিটি ডিকলারেশন এর মধ্যে একটি সিএসএস প্রপার্টি নেম ও এর ভেলু থাকে এবং এদের মধ্যে কোলন (colon)
একাধিক সিএসএস ডিকলারেশন সেমিকোলন (semicolons) দিয়ে আলাদা করা হয়, এবং ডিকলারেশন ব্লক গুলো কারলি ব্রেসিস (সেকেন্ড ব্রাকেট ) এর মধ্যে রাখা হয় ।
উপরের ছবিতে h1 একটি সিলেক্টর যার জন্য সিএসএস লেখা হয়েছে, color একটি প্রপার্টি এবং এর ভেলু blue দেয়া হয়েছে । এই দুটি একসাথে একটি ডিকলারেশন যা সেমিকলন দিয়ে শেষ করা হয়েছে এবং প্রপার্টি ও ভেলু এর মাঝে কোলন দেয়া হয়েছে ।
একই রকম ভাবে font-size:14px; এটিও একটি সিএসএস ডিকলারেশন এবং এদের সবগুলোকে { } এর মধ্যে রাখা হয়েছে ।
উদাহরন
p {
color: green;
font-size:18px;
}উদাহরন এর ব্যাখ্যা
- p একটি সিএসএস সিলেক্টর (এটি এইচটিএমএল এর <p> এলিমেন্ট কে স্টাইল করার জন্য)
- color হল প্রপার্টি এবং green হলো প্রপার্টি ভেলু
- একই ভাবে font-size হলো প্রপার্টি এবং 18px হলো প্রপার্টি ভেলু
পরে আমরা সিএসএস সিলেক্টর ও সিএসএস প্রপার্টি সম্পর্কে আরো বিস্তারিত আলোচনা করবো।