CSS Introduction مقدمة

مقدمة في CSS

🔸 تُستخدم **أوراق الأنماط المتتالية (Cascading Style Sheets - CSS)** لتنسيق وتجميل صفحات الويب، بما في ذلك التصميم والتخطيط وتكييف العرض عبر مختلف الأجهزة وأحجام الشاشات.

✅ ما هي CSS؟

• CSS تعني **أوراق الأنماط المتتالية (Cascading Style Sheets)**.
• تصف CSS كيفية عرض عناصر HTML على الشاشة أو الورق أو في وسائط أخرى.
• توفر CSS الكثير من العمل؛ حيث يمكنها التحكم في تخطيط عدة صفحات ويب في وقت واحد.
• تُخزّن الأنماط الخارجية في ملفات CSS.

📌 مثال على CSS

فيما يلي مثال يوضح كيفية استخدام CSS لتنسيق عناصر HTML:

body {
  background-color: lightblue;
}

h1 {
  color: white;
  text-align: center;
}

p {
  font-family: Verdana;
  font-size: 20px;
}

📄 لماذا نستخدم CSS؟

قبل CSS، كانت أنماط العناصر تُحدد داخل صفحات HTML نفسها، مما يجعل الصيانة صعبة ويؤدي إلى تكرار الأكواد. مع CSS، يمكن فصل التصميم عن المحتوى، مما يسهل إدارة وتحديث تصميمات متعددة من ملف واحد.

💡 فوائد استخدام CSS

• **التوافق مع الأجهزة المختلفة**: يسمح CSS بتكييف تصميم الموقع ليتناسب مع مختلف الأجهزة وأحجام الشاشات.
• **توفير الوقت**: يمكن تطبيق نفس الأنماط على عدة صفحات، مما يقلل من تكرار الأكواد.
• **تحسين تجربة المستخدم**: من خلال تصميمات جذابة ومتناسقة.