محتويات
  • ما هو CSS
  • مميزات لغة CSS
  • عيوب لغة CSS
  • ستايلاتCSS
    • CSS داخلي
    • CSS خارجي
    • CSS المضمن

  • تاريخ إنشاء CSS
  • مقارنة بين لغة HTML وCSS


ما هو CSS
يتم تعريف CSS على أنها لغة برمجة توفر لمصممي الويب التحكم في كيفية اتصال موقع الإنترنت بمتصفحات الويب بما في ذلك تنسيق وعرض مستندات HTML الخاصة بهم.
قد تكون CSS أو الورقة المتتالية لغة ترميز نصية تحدد تنسيقات موقع الويب والطريقة التي يتواصل بها الموقع مع متصفحات الويب ، تسمح اللغة لمطوري الويب بتنظيم عناصر ووظائف نمطية متنوعة ، مثل التخطيط واللون والخطوط ، وبالتالي تنسيق وعرض مستندات HTML.
كان الهدف الرئيسي كلغة هو فصل محتوى المستند عن عرض المستند ، والذي يتضمن عناصر النمط ، مثل اللون والتخطيط والخطوط ، يتعامل CSS مع التصميم ويشعر بأنه جزء من صفحة الإنترنت ، باستخدام CSS ستتحكم في لون النص وتصميم الخطوط والتباعد بين الفقرات وكيفية تحديد حجم الأعمدة وتخطيطها ، إلخ ، ويوجه CSS عرض HTML حول كيفية عرض موقع الويب عند نهاية المستخدم وهذا الفرق بين لغات البرمجة
يقوم HTML ببناء المستند نفسه وتنظيم المعلومات ، بينما يتفاعل CSS مع المتصفح لإعطاء المستند مظهره المرئي ، وبشكل أساسي يستخدم المبرمجون CSS لتعيين ألوان معينة وخطوط مختلفة وأنماط مختلفة وترتيب الكتل الفردية والجوانب الأخرى لعرض صفحات الويب هذه.
مميزات لغة CSS
  • يلعب CSS دورًا مهمًا باستخدام CSS ، عليك ببساطة تحديد نمط متكرر للعنصر مرة واحدة واستخدامه عدة مرات لأن CSS سيطبق الأنماط المطلوبة تلقائيًا وهذا من أهم اساسيات تعلم البرمجة.
  • الميزة الرئيسية لـ CSS هي أنه يتم تطبيق النمط باستمرار عبر مجموعة متنوعة من المواقع ، تعليمات واحدة يمكن أن تتحكم في العديد من المجالات وهو أمر مفيد ، ويمكن تعلم ذلك من خلال مواقع تعليم لغات البرمجة.
  • يحتاج مصممو الويب إلى استخدام بضعة أسطر من البرمجة لكل صفحة لتحسين سرعة الموقع.
  • لا تبسط الورقة المتتالية تطوير موقع الويب فحسب ، بل تبسط أيضًا الصيانة حيث يؤثر تغيير سطر واحد من التعليمات البرمجية على موقع الويب بالكامل ووقت الصيانة.
  • إنه أقل تعقيدًا وبالتالي يتم تقليل الجهد بشكل كبير.
  • يساعد على تكوين تغييرات عفوية ومتسقة.
  • تغييرات CSS ملائمة للجهاز ، مع قيام الأشخاص بتوظيف مجموعة متنوعة من الأجهزة الذكية للوصول إلى مواقع الويب عبر الويب ، هناك متطلبات لتصميم الويب سريع الاستجابة.
  • لديها القدرة على إعادة التموضع ، يساعد في تحديد التغييرات في موضع عناصر الويب الموجودة هناك على الصفحة.
  • من السهل على المستخدم تخصيص الصفحة على الإنترنت


  • يقلل من حجم نقل الملفات.
  • يوفر الوقت حيث يتم حفظ تعريفات أنماط CSS في ملفات CSS خارجية بحيث يمكن تغيير موقع الويب بالكامل عن طريق تغيير ملف واحد فقط.
  • يوفر CSS سمات أكثر تفصيلاً من HTML العادي لتحديد شكل وأسلوب موقع الويب.

عيوب لغة CSS
  • يؤدي CSS و CSS 1 حتى CSS3 إلى حدوث ارتباك بين متصفحات الويب.
  • باستخدام CSS ، قد لا يعمل ما يعمل مع متصفح واحد دائمًا مع متصفح آخر ، ويحتاج مطورو الويب إلى اختبار التوافق ، وتشغيل البرنامج عبر متصفحات متعددة.
  • يوجد ندرة في الأمن.
  • بعد إجراء التغييرات ، نحتاج إلى تأكيد التوافق إذا ظهرت. يؤثر التغيير المماثل على جميع المتصفحات.
  • عالم لغة البرمجة معقد لغير المطورين والمبتدئين. غالبًا ما تكون المستويات المختلفة من CSS مثل CSS و CSS 2 و CSS 3 مربكة للغاية.
  • توافق المستعرض (بعض أوراق الأنماط مدعومة والبعض الآخر غير مدعوم).
  • يعمل CSS بشكل مختلف على متصفحات مختلفة. يدعم IE و Opera CSS كمنطق مختلف.
  • قد تكون هناك مشكلات عبر المستعرضات أثناء استخدام CSS.
  • هناك مستويات متعددة تسبب الارتباك لغير المطورين والمبتدئين ، وهذا الفرق بين HTML و CSS و JavaScript [1]

ستايلاتCSS
هناك ثلاث استايلات يمكنك استخدامها لتنفيذ CSS وهم:
CSS داخلي
تتطلب CSS الداخلية أو المضمنة إضافة علامة <style> في قسم <head> من مستند HTML.
يعتبر نمط CSS هذا طريقة فعالة لتصميم صفحة واحدة ، ومع ذلك ، فإن استخدام هذا النمط لصفحات متعددة يستغرق وقتًا طويلاً حيث تحتاج إلى وضع قواعد CSS في كل صفحة من صفحات موقع الويب الخاص بك.
CSS خارجي
باستخدام CSS الخارجية ، ستقوم بربط صفحات الويب الخاصة بك بملف css خارجي ، والذي يمكن إنشاؤه بواسطة أي محرر نصوص في جهازك على سبيل المثال ، Notepad ++.
يعد نوع CSS هذا طريقة أكثر فاعلية ، خاصة لتصميم موقع ويب كبير ، بتحرير ملف css واحد ، يمكنك تغيير موقعك بالكامل مرة واحدة.
CSS المضمن
يتم استخدام CSS المضمن لتصميم عنصر HTML معين ، بالنسبة إلى نمط CSS هذا ، ستحتاج فقط إلى إضافة سمة النمط إلى كل علامة HTML ، دون استخدام المحددات.
لا ينصح بهذا النوع من CSS ، حيث يجب تصميم كل علامة HTML بشكل فردي ، قد تصبح إدارة موقع الويب الخاص بك صعبة للغاية إذا كنت تستخدم CSS مضمنة فقط.
ومع ذلك ، يمكن أن تكون CSS المضمنة في HTML مفيدة في بعض المواقف ، على سبيل المثال في الحالات التي لا يمكنك فيها الوصول إلى ملفات CSS أو تحتاج إلى تطبيق أنماط لعنصر واحد فقط.[2]
تاريخ إنشاء CSS
في عام 1994 ، اقترح Håkon Wium Lie استخدام CSS للعرض الأسلوبي لصفحة الويب ، في عام 1996 تم اعتماد الإصدار الأول من CSS كتوصية من W3C ، ثم في عام 1998 ، تم اعتماد الإصدار الثاني من CSS ، CSS2 أحدى أنواع لغات البرمجة.
بعد ذلك ، في عام 2009 ، تمت الموافقة على CSS2.1 كنسخة منقحة من CSS2 ، في الوقت الحالي يتم استخدم CSS3 ، والذي تم توسيعه بشكل كبير مقارنة بالإصدارات السابقة ، يمكن استخدامه لإنشاء تأثيرات الظل ، والزوايا الدائرية على الكتل ، وكذلك لتعيين صورة كخلفية واستخدامها كحدود ، هذا الإصدار مناسب جدًا للعمل مع الرسوم المتحركة.
مقارنة بين لغة HTML وCSS
هناك الكثير من الفروق بين لغات البرمجة وفيما يلي الفروق الأساسية بين لغة HTML وCSS:
HTML CSS
يستخدم HTML لتحديد هيكل صفحة الويب. يستخدم CSS لتصميم صفحات الويب باستخدام ميزات تصميم مختلفة.
يتكون من علامات يتم تضمين النص بداخلها. يتكون من محددات وكتل إعلان.
لا يحتوي HTML على أنواع أخرى. يمكن أن يكون CSS داخليًا أو خارجيًا حسب المتطلبات.
لا يمكننا استخدام HTML داخل ورقة CSS. يمكننا استخدام CSS داخل مستند HTML.
لا يتم استخدام HTML للعرض والتخيل. يستخدم CSS للعرض والتخيل.
يحتوي HTML على دعم ودعم أقل نسبيًا. يحتوي CSS على دعم ودعم أعلى نسبيًا.