CSS Syntax

تركيبة الكود في css

CSS Syntax هي الطريقة التي يتم بها كتابة تعليمات CSS لتنسيق صفحات الويب. تتكون من محددات العنصر، الخصائص، والقيم.

1. المحددات (Selectors):

تستخدم المحددات لتحديد العناصر التي تريد تنسيقها. يمكن استخدام عدة أنواع من المحددات. هنا بعض الأمثلة:

• تحديد العنصر h1:

h1 {
  color: red;
}

• تحديد العنصر p:

p {
  font-size: 16px;
}

• تحديد العنصر الذي يحمل الكلاس “example”:

.example {
  background-color: blue;
}

• تحديد العنصر الذي يحمل الإسم “example”:

#example {
  border: 1px solid black;
}

2. الخصائص (Properties):

تستخدم الخصائص لتحديد التنسيق للعنصر. هنا بعض الأمثلة:

• تحديد لون النص:

h1 {
  color: red;
}

• تحديد حجم الخط:

p {
  font-size: 16px;
}

• تحديد لون خلفية العنصر:

.example {
  background-color: blue;
}

• تحديد حجم الحدود:

#example {
  border: 1px solid black;
}

3. القيم (Values):

تستخدم القيم لتحديد القيمة الدقيقة للخاصية. هنا بعض الأمثلة:

• تحديد لون النص الأحمر:

h1 {
  color: red;
}

• تحديد حجم الخط 16 بكسل:

p {
  font-size: 16px;
}

• تحديد لون خلفية العنصر الأزرق:

.example {
  background-color: blue;
}

• تحديد حجم الحدود 1 بكسل ولونها أسود:

#example {
  border: 1px solid black;
}

يمكن استخدام CSS Syntax بشكل مختلف لتحديد التنسيق لصفحة الويب، باستخدام محددات العنصر والخصائص والقيم المناسبة.