الكورس

Advertisements

CSS Syntax | In Arabic


سنتناقش فى هذا الفصل CSS Syntax كل المعلومات حول البنية الأساسية لكتابة كود CSS بطريقة صحيحة.


 

CSS Syntax

 

العمل الأساسى للغة CSS هى تعيين خصائص CSS إلى قيم معينة، ويحسب أي محرك CSS التنسيقات التي تنطبق على كل عنصر من عناصر الصفحة من أجل تخطيطها بشكل مناسب.

فيما يلى البنية syntax الخاص بكتابة كود CSS:

selector {
    property: value;
}

 

أجزاء بنية CSS

 

CSS Declaration

 

تتكون بنية CSS من 3 أجزاء:

  1. selector: المحدد هو وسم HTML التي سيتم تطبيق النمط أو التنسيق عليه. يمكن أن يكون هذا أي وسم مثل <p> أو <span> وما إلى ذلك.
  2. property: هى الخاصية التى سيتم تطبيقها على العنصر المحدد. على سبيل المثال اللون، وحجم الخط، وما إلى ذلك.
  3. value: هى قيمة الخاصية.

يتم فصل زوج اسم خاصية CSS وقيمتها بنقطتين ‘:‘ (COLON) ، ويتم تجاهل المسافات البيضاء قبل ، وبين ، وبعد الخصائص والقيم.

تحتوي كتلة التصريح Declaration على تعريف واحد أو أكثر مفصولة بفواصل منقوطة.

 

مثال للتوضيح:

p {
 color: green;
}

توضيح المثال السابق:

  • p: هو العنصر أو المحدد الذى سيتم تطبيق تنسيقات CSS عليه.
  • color: خاصية الـ CSS.
  • green: قيمة خاصية الـ color.

 

الخصائص والقيم غير حساسة لحالة الأحرف case-sensitive بشكل افتراضي في CSS.

سبتم التعرف على المحددات Selectors أكثر فى الفصل القادم: CSS Selectors.



الإبلاغ عن خطأ

×

إذا وجد خطأ وتريد الإبلاغ عن هذا الخطأ، أو إذا كنت تريد تقديم اقتراح على شىء معين، فلا تتردد في إرسال بريد إلكتروني إلينا:

[email protected]

شكرًا لك على مساعدتك لنا!

Advertisements