ماهي مميزات استخدام CSS في تصميم المواقع؟

تستخدم لغة CSS لتفصل بين تصميم الموقع و محتوى صفحات الويب المكتوبة بلغة HTML ولتسمح لمصمم المواقع التحكم في الألوان والخطوط والتصميم بأكمله

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

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

قبل ال css  كان المصممون يستخدمون بعض الخصائص  التى توضع مباشرة فى صفحة html  لتقوم بعمل بعض التنسيقات مثل :

</center><center>  لجعل الفقرة فى المنتصف

<font-size="px">  للتحكم فى حجم الخط

<font-color="red">

...........الخ

وكان هذا بمثابة كابوس لمطورى الويب .

لأنه لو افترضنا ان لدى موقع مكون من 100 صفحة فقط و واريد مثلا ان اغير لون الخلفية للهيدر . فان هذا يعنى انه يتوجب على ان افحص 100 صفحة واغير فيها لون الهيدر .

ومن هنا جاء css ليكون المنقذ من هذا المأزق .  حيث يمكنك تنفيذ استايل على 100 صفحة من خلال تطبيقة مره واحده فقط فى ملف css  الخارجى .

ومن جهه اخرى فانه تنظيميا افضل بكثير لأنه بيفصل الأستايل الخاص بالصفحة عن صفحة ال html نفسها 

ومن ناحية الأداء فانه افضل ايضا حيث ان فصل ملفات ال css  عن صفحة  html  يؤدى الى تقليل الوقت الازم لتحميل صفحة ال html

ال css هي المسئولة عن اللمسة الجمالية للموقع .. نعم توجد تنسيقات في ال html .. لكون وجود ال css يوفر وقت كبير جدا وجهود في التنسيقات واختراع الكلاسات والمعرفات id و class اختراع عبقري :)

لتنميق وتنسيق صفحة الويب وجعلها اكثر جاذبية واضافة خصائص للخطوط والصور ومكونات الصفحة عموما

تحسين واجهات الموقع .

اضافة المؤثرات للخلفيات و سائر عناصر الموقع .

بإختصار يستفاد منها في الجانب التجميلي للموقع من تلوين و تأثيرات و تحديد لأبعاد البلوكات و غيرها .

تستخدم فى اى لغة تتكون من html 

يتم التعديل من خلالها على ملفات html بسهوله

التنسيق  والشكل الجمالى للموقع 

يعطي حيوية وجمال للصفحة مثل الالوان او الصور

تقوم الـ Css بتنسيق الألوان والخلفيات والصور والخطوط المكتوبة متلاً بلغة الـ Html ، كما يمكن عمل التنسيق بلغة الـ Html دون الحاجة إلى صفحات Css خارجية، ولكن ذلك سيكون صعباً. فمن السهل واليسير والمفضل أيضاً والمعتمد عالمياً ، أن يكون التنسيق وصفحات الـ Css خارجية بعيداً عن أكواد الـ Html . هل للـ Css مميزات؟؟ طبعاً بالتأكيد لها مميزات عدة سأذكر لكم بعضاً منها: تقوم الـ Css بفصل محتوى الصفحة عن مظهرها ولهذا مميزات عدة: تجعل شكل الصفحة أسهل وأبسط بحيث تقوم بفصل محتوى الصفحة عن مظهرها، أى فصل أكواد الـ Html عن أكواد الـ Css وتتيح لنا ايضاً وضع عدة مظاهر للمحتوى الواحد مما يلبي أذواق متعددة، ولنذكر هنا مثال لذلك ، كأن تصمم موقعاً لمن يتصفح من جهاز الكمبيوتر ، وموقعاً لمن يتصفح من الجوال ، وموقعاً لمن يتصفح من بلاك بيرى ، كل هذا باستخدام أكواد بسيطة وسهلة ، ويغنيك عن إعادة تصميم الموقع ثلاث مرات أو أكثر ليتناسب مع كل الأبعاد. ملف الأنماط المكتوب بلغة الـ Css يمكن تضمينه في عدة صفحات بحيث عندما ترغب في تغيير الشكل فإنك تقوم بالتعديل في ملف واحد فقط مما يكون فيه سهولة وسرعةأاكبر في عمل التعديلات المطلوبه.

css(cascading style sheet)

ببساطه هي المسئوله عن شكل ومظهر المحتوي من تنسيقات النصوص والالوان وظهور المحتوي بشكل بسيط وجذاب لزائر الموقع

يمكن ادراجها داخل صفحه html او كصفحه مستقله وربطها بصفحه html ويكون سهل التعديل عليها.