ماذا تعرف عن الـ css ؟

CSS او Cascading Style Sheets هي أداة رائعة لإضافة تصميم لمواقعك، ويمكنها أن توفر عليك الكثير من الوقت باستخدامها في تصميم المواقع بطريقة جديدة تماماً، وهي لغة يجب أن تستخدم من قبل كل شخص يعمل في تصميم المواقع.


صفحات الطرز المتراصة الـ Cascading Style Sheets، واختصارا CSS هي مواصفة أطلقها موقع W3C، كمواصفة قياسية لتوصيف مظهر وشكل الموقع من خلال تحديد الخطوط و الألوان و التنسيق.


ما يميز الـ CSS عن الـ HTML ؟

بناء صفحات الويب بواسطة الهتمل HMTL يشبه رسم لوحة بورتريه بواسطة بكرة الدهان الاسطوانية ، فقط الأشخاص ذوي الأرواح المصممة و المتماسكة يمكنهم تحقيق النتيجة التي يريدونها . انها ليست الأداة المناسبة للدقة و المرونة . أي شخص استخدم الهتمل لأكثر من أسبوع يعرف أنها ليست أداة فعالة لإنشاء صفحات الويب . و لهذا نعود أحياناً إلى صنع صور GIF كبيرة عندما نريد استخدام خط ملائم أو تخطيط ما ، بغير هذا نحن مرغمون على استعمال واصفات الصفحات المعقدة و فواصل GIF خفية لكي نضع الأشياء كما نريد في الصفحة .


هذا عمل متعب بالطبع ، شفرتنا تزداد تعقيداً و تزداد أعداد صور GIF و الصفحة النهائية تأخذ عرض حزمة كبير ، هذه ليست الطريقة الأفضل لبناء صفحة ويب . لكن في أواخر عام 1996 بدأت صفحات الأنماط تدخل الساحة ، رسمياً تدعى صفحات الأنماط المتعاقبة Cascading Stylesheets أو CSS ، و هي قريبة جداً لهتمل HTML وعدت بـ :

1- تحكماً أكثر دقة من ذي قبل في التخطيط و الخطوط و الألوان و الخلفيات ، و المؤثرات الطباعية الأخرى .
2- طريقة لتحديث مظهر و تنسيق عدد غير محدود من الصفحات عن طريق تغيير وثيقة واحدة فقط .
3- التوافق عبر المتصفحات و المنصات المختلفة .
4- شفرة أقل ، و صفحات أقل ، و تحميل أسرع .

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


إذن ، ما هو الشيء المميز في صفحات الأنماط المتعاقبة او الـ CSS ؟

1- يمكنك الفصل بين الشكل و البنية .
2- يمكنك التحكم بالتخطيط أكثر من ذي قبل .
3- يمكنك عمل صفحات أصغر و أسرع .
4- يمكنك صيانة العديد من الصفحات في نفس الوقت بأسهل و أسرع من ذي قبل .
5- يمكنك أن تكون صديق للمتصفحات المختلفة .
6- يمكنك تزيين صفحاتك بحيل أنيقة مثل تغيير لون الوصلة عند المرور عليها و عند الضغط عليها أو التحكم في حجم النص بقبضة من حديد .


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

مثلاً مايكروسوفت ويندوز يأتي مع برنامج يسمى Notepad (المفكرة)، وهو غالباً ما يوضع في قسم Accessories (أدوات) الذي تجده في قسم Programs (برامج)، وبإمكانك استخدام برامج مماثلة في أنظمة التشغيل الأخرى مثل Pico في لينكس وSimple text لنظام ماك.


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




*******