CSS Syntax
تتكون مجموعة قواعد CSS من محدد وكتلة تصاريح:
يشير المحدد إلى عنصر HTML الذي تريد تنسيقه.
تحتوي كتلة التصريح على تعريف واحد أو أكثر مفصولة بفواصل منقوطة.
يتضمن كل إعلان اسم خاصية CSS وقيمة مفصولة بنقطتين.
يتم فصل إعلانات CSS المتعددة بفواصل منقوطة ، وتحيط كتل الإعلان بأقواس معقوفة.
مثال :
في هذا المثال ، ستتم محاذاة جميع عناصر <p> في الوسط مع لون النص الأحمر:
-------------------------
<!DOCTYPE html>
<html>
<head>
<style>
p {
color: red;
text-align: center;
}
</style>
</head>
<body>
<p>أهلا بالعالم!</p>
<p>تم تصميم هذه الفقرات باستخدام سي اس اس.</p>
</body>
</html>
-------------------------------------------------
يظهر المثال السابق في المتصفح بالشكل :
أهلاً بالعالم
تم تنسيق هذه الفقرات باستخدام سي اس اس.
شرح المثال :
p محدد في CSS (يشير إلى عنصر HTML الذي تريد تنسيقه: <p>).
color هو خاصية وred هي قسمة الخاصية (الون الاحمر).
text-align هي خاصية ، وcenter هو قيمة الخاصية .
سوف تتعلم المزيد عن محددات CSS وخصائص CSS في الدروس التالية.
نهاية الدرس.
ليست هناك تعليقات:
إرسال تعليق