هذه التقنية تعني بشكل صفحات المواقع؛ المظهر الكلي من ألوان وصور وغيره.و يمكن اضافته للصفحة بعدة طرق أفضلها التضمين الخارجي بكتابة كود السي إس إس CSS في ملف منفصل. وقد تم تطورها لتصل حاليا إلى سي إس إس 3 CSS3 والذي إضيف إلية عدة إضافات رائعة لم تكن متاحة في الإصدار السابق وكان إنجازها يتم فقط بجي كويري Jquery.
أطلقها مجلس وب W3C، كمواصفة قياسية لتوصيف مظهر وثائق وب من محددات للخطوط والألوان والتنسيق.
نظم كتابة السي إس إس CSS
كود السي إس إس هو مجموعة من التعريفات لكل عنصر، وبالتالي يمكن ان يكون لدينا 100 تعريف ل 100 عنصر وهكذا
كل تعريف يكون بادئ باسم أو تعريف العنصر (كـ id أو class العنصر)
فمثلا لنأخذ العنصر div
الذي يكتب بـ إتش تي إم إل كـ
<div id="ar_wiki">اهلا وسهلا بالويكي العربي</div>
سنقوم بإعطاء هذا العنصر لونا أزرق، كما نرى بالأعلى ان عنصر ديف تم تعيين المعرف (id) بar_wiki وبالتالي يتم كتابته كـ #ar_wiki بصفحة الأنماط
لان كل عنصر يتم تعريف ب id يكون قبله (#) واي عنصر يتم تعريف ب class يكون قبله نقطة (.) عند كتابته بصفحة الأنماط.
وبالتالي يكون الشكل التالي هو التعريف لإعطاء العنصر اللون الأزرق:
#ar_wiki { color:blue; }
والتالي هو شرح الكود:
#ar_wiki: تعريف العنصر المراد تطبيق التنسيق عليه، وهو ماتم تعريف بصفحة ال إتش تي إم إل لعنصر div.
* {...} كل تنسيق يتم احاطته بهذه الأقواس المعكوفه لتوضيح تنسيق كل عنصر على حده.
* color: هي صفة التنسيق المراد تطبيقه على العنصر، وهنا تم وضع color اي اللون.
* (:): توضع النقطتين الرئسيتين لتوضح ان ما بعدها هو قيمة الصفة، وبالتالي هي فاصل بين الصفة وقيمتها.
* blue: قيمة للصفة وهنا تم وضع القيمة blue اي الأزرق للصفه color اللون.
* (;): يتم وضع النقطة المنقوطة بعد القيمة لأخبار المعالج ان القيمة انتهت وما سيأتي بعدها هو صفة أخرى وهكذا..
مسموح بنقل الموضوع بشرط ذكر المصدر :
كاسكادينج ستايل شيت CSS
|
مكتبتي حياتي
