بلا شك أن كل شخص او صاحب موقع يريد تطوير موقعه بشكل افضل واجمل وبحيث يدعم كافة المتصفحات والاجهزة الذكية بشكل كامل وهذا يحتاج الى CSS.
ماهو CSS ؟
يشير الاختصار CSS الى Cascading Style Sheet (ورقة الانماط المتتالية) وهي عبارة عن اكواد (غير برمجية) يتم استخدامها لتنسيق صفحات الويب والمواقع.
الفائدة من CSS
تم تصميم CSS للتسهيل على مصممي ومطوري المواقع في تصميم المواقع الالكترونية بسهولة وتنسيقها من حيث الالوان وحجم الخط والابعاد , ويتم تخزين اكواد CSS في ملف مستقل خارج عن ملفات PHP أو HTML الخاصة بصفحات المواقع.
يمكن من خلال CSS عمل المئات من الصفحات بشكل منسق ويمكن التعديل على تنسيقها بشكل سريع من خلال ملف CSS.
أول من أطلق CSS
تم اطلاقها وتصميمها بواسطة منظمة W3C , وقد ظهرت CSS لاول مرة في عام 1994م
كيفية كتابتها بشكل مبدئي
تتم كتابة شفرة CSS بطريقتين الاولى ضمن نفس ملف الصفحة وتبدأ بالشكل التالي :
1 2 3 4 5 |
<style type="text/css"> p { font-size: 20px; color:#000000; } </style> |
أو تقوم بتضمين شفرة وخصائص CSS في ملف منفصل يتم تسميته style.css ومن ثم يتم وضعه في الموقع وتحديد مساره ويتم وضع الشفرة التالية ليتم قراءته من الصفحة أو يتم وضعه في ملف header عادة اذا كان الموقع يحتوي على صفحات متعددة
1 |
<link rel="stylesheet" href="style.css"> |
في خانة styles.css يتم استبداله بالمسار كاملاً أو الرابط كاملاً
كيف تتعلم CSS
بالامكان تعلم CSS بسهولة فهي سهلة جداً فقط تحتاج الى ممارسة لفترة زمنية وستتقنها بسرعة.
تستطيع الاطلاع على المقالات التي تم طرحها في الموقع منها :
- نص ثلاثي الابعاد
- تدرج الالوان
- تدوير النص
- منطقة التمرير scrolling area
- ظلال الصناديق Box Shadow
- تعدد الاعمدة
أو من خلال الوسم التالي
CSSايضاً من المواقع الجديرة بالثقة في تعليم المواقع :
يمكن الاستفادة من برنامج NotePad++ لتحرير ملفات CSS