فوائد لغة CSS وخصائصها

ماهي لغة CSS ؟ وما أهميتها في تصميم مواقع الويب ؟

إن CSS هي اختصاراً لعبارة : " Cascading Style Sheets " حيث تعتبر واحدة من التقنيات الأساسية المستخدمة لبناء صفحات الويب ، وتمتاز بإضفاء السّمات والخصائص على البنية الخاصّة بصفحات الويب كالألوان والخطوط والأنماط التي تتّخذها صفحة الويب .

ماهي فوائد لغة CSS ؟ 

يجب الإشارة إلى أنه قبل الشروع باستخدام وتوظيف لغة CSS يجب أن يكون بحوزة المستخدم معلومات أساسية حول لغة HTML و وسومها ، فيما يلي سنذكر أهم فوائد لغة CSS : 

اقرأ أيضاً : 

ماهي لغة HTML ؟ وكيف تستخدم في تصميم مواقع الويب

1. فصل محتويات الموقع عن التصميم ، والتحكم في جميع الصفحات من خلال ملف واحد بامتداد ( CSS. ) .
2. إضافة مزيد من الاحترافية والسهولة لتصميم المواقع .
3. التحكم بأبعاد الصفحة ومظهرها من أنماط الخلفية والحجم والعناصر وألوان الخطوط وغيرها الكثير .
4. زيادة السرعة في التحميل والتقليل من التكاليف المترتبة على استضافة الموقع .

تاريخ لغة CSS 

يعود تاريخ ظهور لغة CSS لعام 1994م ، على يد المبرمج هاكون فيوم لاي ، حيث تم التعاون مع فريق متكامل من المبرمجين للخروج في نهاية المطاف أوراق نموذجية لتصميم صفحات الويب بكفاءة عالية ، وتم التوصل إلى الضرورة في إصدار الوثيقة الأولى W3C CSS وذلك في عام 1996م ، فكان هذا الإصدار أول إصدار لها .

ازدادت أهمية لغة CSS بالتزامن مع تطوير لغة ترميز النص الفائق HTML ، لتكون هاتين اللغتين مكملتين لبعضهما البعض وقد ساهم دمج اللغتين في جعل صفحات الويب أمراً أكثر وضوحاً وسهولة للمستخدمين .

طرق تعريف CSS داخل الصفحات

يوجد ثلاث طرق لتعريف لغة CSS داخل الصفحات حيث تعتبر الطريقة الأولى الطريقة الأكثر استخداماً : 

1. عمل ملف نصي منفصل وتسميته بأي اسم ، بحيث يكون الامتداد هو CSS حيث يكون هذا الملف يحوي على جميع التنسيقات المطلوبة ، وتسمى هذه الطريقة ب " External ".
2. تطبيق خصائص الCSS مباشرةً في أوسمة HTML ، وتسمى هذه الطريقة ب " in-line ".
3. إضافة جميع خصائص CSS في أعلى الصفحة بين وسمين ، وتسمى هذه الطريقة ب " internal ".

خصائص لغة CSS

• خاصية background-color : تسمح لك هذه الخاصية بإضافة لون لخلفية الصفحة أو لوسم محدد .
• خاصية background-image : تسمح لك هذه الخاصية بإضافة صورة بدلاً من اللون للصفحة ، أو لوسم محدد . 
• خاصية background-position : تسمح لك هذه الخاصية بتغيير موضع الصورة.
• خاصية color : تسمح لك هذه الخاصية بتخصيص لون للنصوص .
• خاصية font-family : تسمح لك هذه الخاصية بتحديد نوع الخط للنص .
• خاصية font-size : تسمح لك هذه الخاصية بتحديد حجم الخط للنصوص .
• خاصية font-style : وتسمح لك هذه الخاصية بتحديد ستايل الخط الذي قمت بتحديده مثلاً لكتابة خط المائل تستخدم القيمة italic ، ولاستخدام الخط العادي نستخدم القيمة normal.

هكذا نكون قدم استعرضنا لأبرز خصائص وميزات هذه اللغة ، بالإضافة لذكر أكثر الوسوم استخداماً عند تعاملك مع هذه اللغة ، في المقال القادم سنقوم بتقديم مقال عن لغة هامة جداً وهي لغة JS اختصاراً ل : JavaScript ، شكراً لك !