تعديل - تعديل مصدري - تعديل ويكي بيانات
صفحات التنسيق النمطية (بالإنجليزية: Cascading Style Sheets) اختصارًا: سي إس إس (بالإنجليزية: CSS)؛ هي لغة تنسيق لصفحات الويب تهتم بشكل وتصميم المواقع، صممت خصيصا لفصل التنسيق (الألوان - الخطوط - الأزرار.[1][2][3]...) عن محتوى المستند المكتوب (بلغة مثلا إتش تي إم إل (بالإنجليزية: HTML)) وينطبق ذلك على الألوان والخطوط والصور والخلفيات التي تستخدم في الصفحات، بمرونة وسهولة تامة.
هذه التقنية تعنى بالمظهر الكلي لصفحات مواقع الويب من ألوان وصور وغيره. ويمكن إضافته للصفحة بعدة طرق أفضلها التضمين الخارجي بكتابة شفرة السي إس إس في ملف منفصل. وقد تم تطويرها لتصل حاليا إلى سي إس إس 3 والذي أضيف إليه عدة إضافات لم تكن متاحة في الإصدار السابق وكان إنجازها يتم فقط بـجي كويري.
أطلقها مجلس وب رابطة الشبكة العالمية، كمواصفة قياسية لتوصيف مظهر وثائق وب من محددات للخطوط والألوان والتنسيق.
تهدف تقنية سي إس إس إلى فصل محتوى الصفحات عن مظهرها بحيث يعطي عدة مكاسب:
تتألف هذه الشيفرة من مجموعة من القواعد (بالإنجليزية: rules)، والتي تتألف بدورها من مُحدِّد (بالإنجليزية: selector) ثم قائمة بالخاصيات والقيم المُسنَدة إليها. فمثلًا لو أردنا تحديد جميع الفقرات (العنصر <p>) في مستند HTML وتحويل لونها إلى الأحمر (عبر الخاصية color) فسنكتب الشيفرة الآتية:
<p>
color
p { color: red; }
شفرة السي إس إس هي مجموعة من التعريفات لكل عنصر، وبالتالي يمكن أن يكون لدينا 100 تعريف لـ 100 عنصر وهكذا
كل تعريف يبدأ باسم أو بتعريف العنصر (كـ id أو class العنصر)
فمثلا لنأخذ العنصر div
الذي يكتب بإتش تي إم إل كـ :
<div id="ar_wiki">اهلا وسهلا بالويكي العربي</div>
سنقوم بإعطاء هذا العنصر لونا أزرق، كما نرى بالأعلى أن عنصر ديف تم تعيين المعرف (id) بar_wiki وبالتالي يتم كتابته كـ #ar_wiki بصفحة الأنماط
لأن كل عنصر يتم تعريفه بـdiv يكون قبله (#) وأي عنصر يتم تعريفه بclass يكون قبله نقطة (.) عند كتابته بصفحة الأنماط.
وبالتالي يكون الشكل التالي هو التعريف لإعطاء العنصر اللون الأزرق:
#ar_wiki { color:blue; }
والتالي هو شرح الشفرة:
تعريف الصفة class وإضافة خواص لها
تكون هذه الخاصية لمجموعة من العناصر في الصفحة مثلاً
.myclass { color:red; font-size:20px; }
<p class="myclass">يمكن تكرار هذه الخاصية بالصفحة لعناصر متعددة</p> <p class="myclass">هذا سطر اخر بنفس الخاصية</p>
الناتج سيكون تغير لون الفقرة إلى اللون الأحمر وضبط الخط إلى مقاس 20px
background
يمكن استخدام الخاصية background لضبط قيم خاصية أو أكثر من الخاصيات الآتية: background-clip، و background-color، و background-image، و background-origin، وbackground-position، و background-repeat، و background-size، و background-attachment.
background-clip
background-color
background-image
background-origin
background-position
background-repeat
background-size
background-attachment
background-blend-mode
<color>
<image>
box-shadow
border
border-color
border-style
border-width
border-image
none
border-bottom
border-bottom-color
border-bottom-style
border-bottom-width
border-top-color
border-right-color
border-left-color
border-image-outset
border-image-repeat
border-image-slice
border-image-source
border-image-width
border-left
border-left-style
border-left-width
border-right
border-right-style
border-right-width
border-top
border-top-style
border-top-width
سي إس إس هي تقنية لتطوير الويب وكما أغلب التقنيات للويب، هذه التقنية نصية، أي أن البرامج النصية كالمفكرة في ويندوز أو جي إديت في واجهة جنوم لينكس جنو، يمكنك الكتابة بها بكل سهولة.
هناك برامج تسهل عملية الكتابة وتعطي خيارات أكثر، مثل دريم ويفر أو مايكروسوفت إكسبرشن التجاريان، ولكن يظل الخيار النصي للمطورين هو الأفضل، لأن إنشاء هذه القيم تلقائيا غير محبب لمطوري الويب المهووسون بمعايير الويب.
الإصدار العامل حاليا من تقنية سي إس إس هو الإصدار 3، الذي صمم ليتعامل مع إتش تي إم إل5
تدعم متصفحات ويب المواصفة بدرجات مختلفة من الكفاءة والتوافقية؛ فبينما يدعم كل من فايرفوكس ومتصفح أوبرا المواصفة بدرجة معقولة، وبالنسبة لمتصفح إنترنت إكسبلورر فيتوقع منه نسخة جديدة معدلة لتناسب وتلبي احتياجات الويب حاليا ومايكروسوفت أعلنت عند طرحها إصدارا جديدا من متصفح إنترنت إكسبلورر (IE7) مشتملا على الكثير من الإضافات التي تجعل تصفح الإنترنت أكثر أمانا، ومنها تطبيقات مضادة لبرامج التجسس (spyware) والفيروسات ومواقع الاحتيال حيث تم بالفعل إصدار النسخة السابعة من متصفح إنترنت إكسبلورر وتم بعده إصدار نسخة جديدة تحمل الرقم 8 وفي وقتٍ لاحق تم إصدار نسخة باسم مايكروسوفت إيدج تزامنا مع إصدار ويندوز 10.
Lokasi Pengunjung: 18.227.190.194