مقدمة CSS

ما هو CSS؟

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

*:ويسمى أيضًا جدول الأنماط المتسلسلة.

CSS عرض - صفحة HTML - أنماط متعددة!

إليك صفحة HTML تحتوي على أربعة أنماط مختلفة. انقر على الروابط التالية للنمط لتشاهد الأنماط المختلفة:

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

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

مثال CSS

body {
  background-color: lightblue;
}
h1 {
  color: white;
  text-align: center;
}
p {
  font-family: verdana;
  font-size: 20px;
}

جرب بنفسك

CSS حل مشكلة كبيرة

لم يكن الهدف من HTML تضمين علامات لتنسيق صفحات الويب!

يهدف إنشاء HTML إلىوصف الصفحةمثل

<h1>هذا هو عنوان.</h1>
<p>هذا هو فقرة.</p>

بإضافة علامات مثل <font> وخصائص اللون إلى معيار HTML 3.2، بدأت كابوس مطوري الويب. كان تطوير المواقع الكبيرة يتضمن إضافة معلومات النصوص والألوان إلى كل صفحة، مما أصبح عملية طويلة وغير مكلفة.

لحل هذه المشكلة، أنشأ الاتحاد الدولي للإنترنت (W3C) CSS.

أزال CSS نماذج النصوص من صفحات HTML

إذا كنت لا تعرف ما هو HTML، يُنصحك بقراءة دليل HTML.

توفرت CSS الكثير من العمل!

عادةً ما يتم حفظ التعريفات النمطية في ملفات .css الخارجية.

من خلال استخدام ملفات النمط الخارجية، يمكنك تغيير مظهر الموقع بأكمله عن طريق تغيير ملف واحد فقط!