CSS Syntax | In Arabic

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

CSS Syntax

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

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

selector {
    property: value;
}

أجزاء بنية CSS

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

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

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

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

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

p {
 color: green;
}

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

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