قسمت دوم: ساختار و سینتاکس CSS
CSS یه خطش دو قسمت اصلی داره یه selector و یه یا چندتا Declaration به شکل زیر:
(http://www.meta4u.com/forum/index.php?action=dlattach;topic=7772.0;attach=6055)
Selector معمولا همون المنت HTMLی هستش که میخواین روش نمایشش رو مشخص کنید.
هر declaration خودش دوتا قسمت داره یکی نوع خاصیت و یکی مقدار خاصیت.
هر Declaration با ; اتمام میشه.Declarationها رو دلبخواهی میتونید تو یه خط بنویسید ولی برای استاندارد نویسی و تمیزی کار بهتره هر Declaration رو تو یه خط یذارید.
Declarationها رو دسته جمعی یا تکی داخل براکتهای باز و بسته میذارن.
p {color:red;text-align:center;}
تو مثال بالا ما یه سلکتور داریم و دوتا Declaration،یه P یه روبروش یه براکت باز شده و انتهای کار بسته شده پس:
Selector : P
Declarations : color:red; و text-align:center;
نکته:اینجا به عملکرد کدها کاری نداشته باشید فقط سعی کنید مفهوم رو یاد بگیرید،عملکرد هر کد بعدا گفته میشه.
و مثال بالا رو بخوایم یه کم قیافه بدیم و تمیزتر بنویسم،اینجوری مینویسیم:
p
{
color:red;
text-align:center;
}
کامنتها یا توضیحات
این کامنت گذاری چیز خوبیه حتما تو کاراتون به کار ببرید،و ازش استفاده بهینه داشته باشید،از کامنت برای توضیحات در مورد کد ،نویسنده کد،ورژن و ... هر چیز به درد بخور استفاده میشه،مرورگر کامنتها رو نادیده میگیره،اما چه جوری کامنت گذاری میکنن؟
به دو صورت میتونیم کامنت بذاریم:
/*This is a comment*/
دومی:
//This is a comment
اولی برای تعداد زیادی کد خط هم میشه استفاده شه ولی دومی فقط مختص یه خط هستش و یه خط رو کامنت میکنه،فقط یه مثال دیگه از اولی و دومی بزنم برا فهم مطلب:
/*
This
is
a
comment
*/
,
//This
//is
//a
//comment