syntax (ترکیب) css

css syntax مجموعه قواعدی است که تعریف میکند که css چگونه باید نوشته شود. وقتی یک مرورگر وب کد css را می خواند،انتظار دارد مقررات خاصی برای دنبال کردن موجود باشد بطوریکه بتواند بفهمد با چیزی که میخواند چه کاری انجام دهد.
اگر چه سه روش مختلف برای اعمال css به داکیومنت html وجود دارد،syntax اساسی یکی است. syntax بصورت زیر است:
selector { property: value; }
عنصر html ی که میخواهیم استایل را به آن اعمال کنیم به عنوان "selector" مشخص خواهد شد.برای مثال:
p { property: value; }
ویژگی های استایلی که میخواهید تغییر دهید بعنوان "
property" مشخص خواهند شد.برای مثال:
p { border: value; }
در حال حاضر property به border تنظیم شده است.این یعنی ما به مرورگر میگوییم که میخواهیم تمام پاراگراف هایمان حاشیه داشته باشند،"
value" نوع حاشیه ای را که میخواهیم به مرورگر میگوید.
برای مثال:
p { border: 1px dotted #000000; }
این جمله به زبان فارسی میگوید : "من می خواهم تمام پاراگراف هایم حاشیه داشته باشند! من می خواهم این حاشیه یک خط سیاه و سفید خال خال با اندازه 1 پیکسل باشد و هر چهار طرف پاراگراف قرار گیرد."
در css،اعلان های متعددی میتوان ساخت و فضاهای سفید و خالی نادیده گرفته میشوند.css به selector ها اجازه میدهد که اگر استایل یکسانی به همه آنها اعمال شود،با هم گروهبندی می شوند (با کاما جدا شوند) . همانطور که در مثال زیر نشان داده شده است که مشخص شده متن داخل این عناصر html باید به رنگ سبز باشد:
p, h1, h2 { color: green; }
مهم است به این نکته توجه کنید که ":" برای جدا کردن property از مقدارش استفاده میشود و ";" برای بیان کردن پایان مقدار یا اعلان به کار میرود "{}" نیز برای تعیین اینکه کدام اعلان برای کدام سلکتور درخواست شده است ضروری است. اگر یکی از این ها فراموش شوند ممکن است چیزهای مبهمی اتفاق بیفتد و شاید هم نه!