Learn CSS In Arabic 2023 _ #2 Syntax

تتكون كتلة CSS من محدد و كتلة اعلان

تشير Selector الي عنصر HTML الذي تريد تنسيقه.

{ } هذه علامة الـ Curly braces تكون في بداية الكتلة ونهايتها

تحتوي كتلة التصريح (Declaration Block) على :

• Property : خاصية من خواص الـCSS ومنها ( color, font-size, width, height … )وتكون واحده أو أكثر مفصول بينهما بفواصل منقوطة ( ; )

Value: وهي قيمة الـ Property وتكون مفصولة ب نقطتين :

مثال

p {
  color: red;
  text-align: center;
}

في المثال السابق قمنا يتغير جميع الفقرات (p) باللون الأحمر , وقمنا بالتوسيط باستخدام text-align.

(p) عنصر من صفحة الـHTML سيتم تنسيقة في CSS

(color) وهي خاصية “Property” – وكذلك “text-align”

(red) هي قيمة الخاصية. – وكذلك “center”

CSS Selectors

• Simple selectors: تستخدم ال Selectors لا يجاد أو اختيار أحد عناصر HTML, ومنها المحددات البسيطة (يتم تحديد العناصر بناءً على الاسم والمعرف والفئة).
• Combinator selectors: وهي تحديد العناصر بناءً على علاقة بينهم.
• Pseudo-class selectors: وهو Class مزيف ويستخدم لتحديد جزءً من العنصر.
• Pseudo-elements selectors: تحديد العناصر بناءً على سمة أو قيمة سمة

Brackets

( ) Round brackets Or parentheses

[ ] Square brackets Or brackets

{ } Curly brackets Or parentheses

< > Angle brackets Or chevrons