CSS – قواعد الكتابة Syntax

قواعد الكتابة Syntax

ملفات CSS هي ملفات من امتداد css. ويتمو تعريف الانماط فيها كما بالشكل

• المحدد Selector: هو الجزء الذي نحدد به العنصر او العناصر التي نريد ان نطبق عليها انماط CSS . في المثال الاعلى حددنا h1 اي كل عناصر الويب من نوع h1 سوف يطبق عليها انماط CSS داخل الاقواس {}.
• الخاصية Property: هي الخاصية التي نريد تطبيقها في المحدد مثل اللون “color” في المثال السابق. وقد تكون اي خاصية اخرى مثل حجم الخط font-size او لون الخلفية background-color وغيرها.
• القيمة Value: وهي قيمة الخاصية التي نطبقها، في المثال بالاعلى القيمة هي اللون الاحمر “red”.

توجد الانماط في ملفات CSS بصورة متتالية وقد يحتوي النمط على اكثر من خاصية كما في الكود التالي:

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

.class1 {
	color: white;
	background-color: black;
}

يجب وضع الرمز ; بعد كل خاصية وقيمتها حتى تعرف المترجمات نهاية تعريف كل خاصية. 

التعليقات Comments

نستطيع وضع بعض التعليقات داخل ملفات CSS لكي تساعدنا اثناء مرحلة التطوير. لكتابة التعليقات، نضعها بين العلامات /* التعليقات هنا */ . لا تؤثر التعليقات على الانماط ولا صفحات الويب و تستخدم فقط لوضع بعض التنبيهات او الشروحات في ملفات CSS كالاتي:

/*
توضيح طريقة كتابة التعليقات
CSS داخل ملفات 
*/

/* h1 هنا المحدد هو العنواين  */
h1 {
	color: red; /* نجعل لونها احمر */
	font-size: 12px; /* نحدد حجم الخط */
}