تركيبة الكود في css
CSS Syntax هي الطريقة التي يتم بها كتابة تعليمات CSS لتنسيق صفحات الويب. تتكون من محددات العنصر، الخصائص، والقيم.
- المحددات (Selectors):
تستخدم المحددات لتحديد العناصر التي تريد تنسيقها. يمكن استخدام عدة أنواع من المحددات. هنا بعض الأمثلة:
- تحديد العنصر h1:
h1 {
color: red;
}
- تحديد العنصر p:
p {
font-size: 16px;
}
- تحديد العنصر الذي يحمل الكلاس “example”:
.example {
background-color: blue;
}
- تحديد العنصر الذي يحمل الإسم “example”:
#example {
border: 1px solid black;
}
- الخصائص (Properties):
تستخدم الخصائص لتحديد التنسيق للعنصر. هنا بعض الأمثلة:
- تحديد لون النص:
h1 {
color: red;
}
- تحديد حجم الخط:
p {
font-size: 16px;
}
- تحديد لون خلفية العنصر:
.example {
background-color: blue;
}
- تحديد حجم الحدود:
#example {
border: 1px solid black;
}
- القيم (Values):
تستخدم القيم لتحديد القيمة الدقيقة للخاصية. هنا بعض الأمثلة:
- تحديد لون النص الأحمر:
h1 {
color: red;
}
- تحديد حجم الخط 16 بكسل:
p {
font-size: 16px;
}
- تحديد لون خلفية العنصر الأزرق:
.example {
background-color: blue;
}
- تحديد حجم الحدود 1 بكسل ولونها أسود:
#example {
border: 1px solid black;
}
يمكن استخدام CSS Syntax بشكل مختلف لتحديد التنسيق لصفحة الويب، باستخدام محددات العنصر والخصائص والقيم المناسبة.
