قواعد CSS

قواعد CSS شامل دو بخش می باشد :

Selector
Declaration

به مثال زیر توجه کنید :

h1 {
color: red;
font-size: 10px;
}

در این مثالh1 به عنوان selector
و ;color: red و ;font-size: 10px به عنوان declaration در نظر گرفته می شوند.
به color و font-size نیزproperty (خاصیت) و به red و10px ،value (مقدار) می گویند.

برای تنظیم ظاهر تمامی selector ها شما باید از طریق CSS به فایل استایل مورد نظر را اعمال کنید.

هر Selector می تواند شامل یک یا چندین بلاک Declaration باشد که هر کدام باید توسط نقطه-ویرگول (;) از یکدیگر جدا شوند و همگی داخل آکولاد قرار می گیرند.

هر Declaration شامل 2 قسمت ، نام و مقدار می باشد، که توسط دو نقطه (:) از هم جدا می شوند.

مثال :

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

شما همچنین می توانید توضیحاتی را در داخل فایل CSS ، برای خودتان به صورت Comment بنویسید. برای این کار می بایست توضیحات خود را به صورت روبرو بنویسید :*/ توضیحات /*

در واقع توضیحات در فایل CSS با */ شروع و با /* تمام می شوند.

مثال:

p {
color: red; /* this is a comment */
text-align: left; /* this is
multi-line
comment */
}

همانطور که ملاحظه می فرمایید ، توضیحات در هر جای فایل CSS و به هر تعداد می توانند قرار بگیرند.(داخل Declaration یا خارج از آن)

نکته : توجه داشته باشید که نباید بین مقدار property و واحد آن فاصله بگذارید.

نادرست

margin-right: 10 px;

صحیح:

margin-right: 10px;