نحو نگارش (Syntax)
در این بخش با نحو نگارش CSS آشنا می شویم. «گزینشگر (Selector)» یعنی هدف گیری یک عنصر HTML. «بلاک اعلان (Declaration Block)» یعنی مجموعه قانون ها داخل آکولاد. هر «ویژگی (Property)» با یک «مقدار (Value)» و بعد «نقطه ویرگول (;)» می آید.
ساختار قانون در نحو نگارش CSS
یک قانون CSS از یک گزینشگر و یک بلاک اعلان تشکیل می شود. اعلان ها با نقطه ویرگول جدا می شوند. بلاک با آکولاد باز و بسته احاطه می شود.
نمونه ساده
p {
color: red;
text-align: center;
}
توضیح کوتاه نمونه
pگزینشگر است و تگ <p> را هدف می گیرد.colorویژگی است وredمقدار آن است.text-alignویژگی است وcenterمقدار آن است.
قوانین تمیز نویسی
هر اعلان در یک خط باشد. پس از هر نقطه ویرگول، خط جدید بگذار. آکولاد باز در همان خط گزینشگر بیاید؛ آکولاد بسته تنها در یک خط بیاید.
سه گام تمرین سریع
- گزینشگر مناسب انتخاب کن؛ مثل
pیا.title. - دو ویژگی بنویس؛ مثل
colorوtext-align. - با نقطه ویرگول جدا کن و نتیجه را بررسی کن.
نکته: برای شناخت گزینشگرها، صفحه گزینشگرها را ببین. برای رنگ ها، به رنگ ها سر بزن. همچنین می توانی خود نحو نگارش CSS را مرور کنی.
جمع بندی سریع
- قانون = گزینشگر + بلاک اعلان.
- اعلان = ویژگی + مقدار.
- میان اعلان ها، نقطه ویرگول بگذار.
- بلاک را با آکولاد محصور کن.