نحوه‌ی نوشتن CSS

نحوه‌ی نوشتن CSS

مجموعه‌ی قوانین CSS (rule-set) از انتخابگر و بلوک‌های بیان تشکیل شده است:

انتخاب‌گر CSS

انتخابگر به عنصری اشاره دارد که نیاز دارید آن را با استایل تنظیم کنید.

بلوک اعلام شامل یک یا چند اعلام است که با استفاده از ویرگول از یکدیگر جدا می‌شوند.

هر اعلام شامل یک نام ویژگی CSS و یک مقدار است که با استفاده از علامت دو نقطه (colon) از یکدیگر جدا می‌شوند.

اعلامات CSS با استفاده از ویرگول از یکدیگر جدا می‌شوند و بلوک‌های اعلام با پرانتزهای flower (brace) محصور می‌شوند.

مثال

در این مثال، تمام عناصر <p> به صورت میانه قرار می‌گیرند و رنگ متن آن‌ها قرمز خواهد بود:

p {
  color: red;
  text-align: center;
}

شما خودتان امتحان کنید

توضیح مثال

  • p این در CSS استانتخابگر（این به عنصر HTML مورد نظر برای تنظیم استایل اشاره دارد: <p>）。
  • color این یک ویژگی استred این یک مقادیر است
  • text-align این یک ویژگی استcenter این یک مقادیر است

در فصل بعدی، شما بیشتر درباره انتخابگرهای CSS و ویژگی‌های CSS یاد خواهید گرفت.