لغة  السي إس إس

صفحات التنسيق النمطية (بالإنجليزية: Cascading Style Sheets)‏ اختصارًا: سي إس إس (بالإنجليزية: CSS)‏؛ هي لغة تنسيق لصفحات الويب تهتم بشكل وتصميم المواقع، صممت خصيصا لفصل التنسيق (الألوان - الخطوط - الأزرار....) عن محتوى المستند المكتوب (بلغة مثلا إتش تي إم إل HTML) وينطبق ذلك على الألوان والخطوط والصور والخلفيات التي تستخدم في الصفحات، بمرونة وسهولة تامة.

هذه التقنية تعنى بالمظهر الكلي لصفحات مواقع الويب من ألوان وصور وغيره. ويمكن إضافته للصفحة بعدة طرق أفضلها التضمين الخارجي بكتابة شفرة السي إس إس في ملف منفصل. وقد تم تطويرها لتصل حاليا إلى سي إس إس 3 والذي أضيف إليه عدة إضافات لم تكن متاحة في الإصدار السابق وكان إنجازها يتم فقط بجي كويري.

أطلقها مجلس وب رابطة الشبكة العالمية، كمواصفة قياسية لتوصيف مظهر وثائق وب من محددات للخطوط والألوان والتنسيق.

مميزات تقنية سي إس إس

تهدف تقنية سي إس إس إلى فصل محتوى الصفحات عن مظهرها بحيث يعطي عدة مكاسب:

- جعل الصفحة أبسط وتفيد فقط ما عملت من أجله بحيث تشمل المحتوى، أما الشكل فيكون في ملف الأنماط السي إس إس.
- جعل الصفحة قابلة للتعامل مع عدة متصفحات أو شاشات عرض مختلفة ويمكن معالجة كل جهاز (حاسوب أو حتى هاتف نقال) أو متصفح على حدة وبالتالي قابلية استخدام أكبر.
- يمكن وضع عدة مظاهر كل مظهر يلبي حاجة كل قارئ فمثلا يمكن ضمان قابلية الاستخدام لذوي الاحتياجات الخاصة أو وضع عدة ألوان لتلبية أذواق شتى.
- يمكن لملف الأنماط أن يتم تضمينه في عدة صفحات وبالتالي عند تغيير شكل العرض فإنك تحتاج لتعديل ملف واحد فقط وهذا يعني وقت أقل وتعديل أكبر وأشمل.

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

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

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