সিএসএস সিনটেক্স

একটি সিএসএস রুল এ সমসময় একটি সিলেক্টর ও একটি ডিকলারেশন ব্লক থাকে । নিচের ছবিটি দেখুন …

CSS Syntax

css selector and declaration block
CSS selector and declaration block

সিলেক্টর হচ্ছে এইচটিএমএল এর এক একটি এলিমেন্ট যেগুলকে আপনি সাজাতে চান।

ডিকলারেশন ব্লক এক বা একাধিক ডিকলারেশন ধারন করে এবং সেগুলো সেমিকোলন (semicolons) দিয়ে আলাদা করা হয় ।

প্রতিটি ডিকলারেশন এর মধ্যে একটি সিএসএস প্রপার্টি নেম ও এর ভেলু থাকে এবং এদের মধ্যে কোলন (colon)

একাধিক সিএসএস ডিকলারেশন সেমিকোলন (semicolons) দিয়ে আলাদা করা হয়, এবং ডিকলারেশন ব্লক গুলো কারলি ব্রেসিস (সেকেন্ড ব্রাকেট ) এর মধ্যে রাখা হয় ।

উপরের ছবিতে h1 একটি সিলেক্টর যার জন্য সিএসএস লেখা হয়েছে, color একটি প্রপার্টি এবং এর ভেলু blue দেয়া হয়েছে । এই দুটি একসাথে একটি ডিকলারেশন যা সেমিকলন দিয়ে শেষ করা হয়েছে এবং প্রপার্টি  ও ভেলু এর মাঝে কোলন দেয়া হয়েছে ।

একই রকম ভাবে font-size:14px; এটিও একটি সিএসএস ডিকলারেশন এবং এদের সবগুলোকে { } এর মধ্যে রাখা হয়েছে ।

উদাহরন

p {
  color: green;
  font-size:18px;
}

নিজে চেস্টা করুন

উদাহরন এর ব্যাখ্যা

  • p একটি সিএসএস সিলেক্টর (এটি এইচটিএমএল এর <p> এলিমেন্ট কে স্টাইল করার জন্য)
  • color হল প্রপার্টি এবং green হলো প্রপার্টি ভেলু
  • একই ভাবে font-size হলো প্রপার্টি এবং 18px হলো প্রপার্টি ভেলু

পরে আমরা সিএসএস সিলেক্টর ও সিএসএস প্রপার্টি  সম্পর্কে আরো বিস্তারিত আলোচনা করবো।

কমেন্ট করুন

Your email address will not be published.