CSS إختصارا لـ Cascading Style Sheets و معناها هو أوراق الأنماط المتتالية , و هي لغة تصميم تدخل في تطوير المواقع مثلها مثل لغة HTML , تم إنشائها بواسطة رابطة الشبكة العالمية W3C على يد هاكون فيوم لاي , و بيرت بوس و تم إطلاقها في نهاية عام 1996 م .
عناصر المقالة :
1- ماهي لغة الـ CSS .
2- ماهي أهمية لغة الـ CSS .
3- ماهي مميزات لغة الـ CSS .
4- كيف يتم إستخدام لغة الـ CSS .
1- ماهي لغة الـ CSS
لغة CSS هي لغة تصميم المواقع و إضافة الحيوية إلى الصفحات المصممة بال HTML , و يتم وضع أكواد ال CSS بناءا على أكواد ال HTML و بدون الـ HTML لا يمكن كتابة أو إستعمال الـ CSS .
يتم التعبير عن أكواد الـ CSS عن طريق ستايلات و ألوان وخلفيات منسقة للشاشة و تترجم أكواد الـ CSS إلى ستايلات عن طريق متصفحات الإنترنت مثل متصفح Chrome , Firefox , Opera , ....... .
2- ماهي أهمية لغة الـ CSS
لا يوجد موقع إلا و يستخدم فيه تقنية الـ CSS و بدون لغة CSS سيكون الموقع فاشل و تتجلى أهمية CSS في كونها تنسق الصفحات , وتضيف الحيوية إلى صفحات الإنترنت , وتضيف تفاعلات لم توجد مسبقا , بل و حتى يمكنها إضافة التجاوب مع الأجهزة الذكية و من دونها لم تمكن عرض هذا الموقع بمقاس شاشة جهازك .
3- ماهي مميزات لغة الـ CSS
للغة CSS العديد من الممزيات التصميمية و التفاعلية نذكر منها :
- تنسيق عناصر الصفحة المعروضة و تبسيطها .
- إضافة الحيوية إلى صفحة الـ HTML .
- تنظيم محتويات و عناصر الصفحة .
- عرض عناصر صفحة الـ HTML في أنماط و عروض مختلفة .
- إضافة التجاوب مع مختلف شاشاة الأجهزة الذكية .
4- كيف يتم إستخدام لغة الـ CSS
بناءا على أكواد الـ HTML يتم كتابة أكواد ال CSS و يستعان في كتابة الأكواد بملف TXT الخاص بتحرير النصوص بحيث أنه بعد إنشاء صفحة HTML تاليا يليه إستدعاء الـ CSS إلى تصميم الـ HTML .
يكون إستدعاء ملفات الـ CSS بثلاث طرق مختلفة
الطريقة الأولى
تكون عن طريق كتابة ستايل الكود مباشرة في الوسم المراد تنسيقه .
مثال :
<div style=" font-size:13px">
الطريقة الثانية
يتم كتابة وسم ستايل ال CSS في بين وسمي <head></head> في مقدمة صفحة الـ HTML و يتم إستدعاء العنصر المراد تنسيقه إما عن طريق ال Class Name , أو عن طريق ال ID , أو عن طريق إسم الوسم "Tag Name" .
أمثلة :
<head> بداية وسم رأس الصفحة
<style> بداية وسم ستايل CSS
div {font-family:tahoma;} تنسيق عنصر الصفحة عن طريق إسم الوسم
.superstech{color:black} تنسيق عنصر الصفحة عن طريق إستدعائه بواسطة الـ Class Name
#supers-tech{background-color:white} تنسيق عنصر الصفة عن طريق إستدعائه بواسطة الـ ID
</style> نهاية وسم ستايل CSS
</head> نهاية وسم رأس الصفحة
الطريقة الثالثة :
تقريبا تكون بنفس كيفية الطرقة الثانية إلا أن الإختلاف يكون في أنه يتم إنشاء ملف txt خاص بالـ CSS و يحفظ بالإمتداد .css , تتم كتابة الأكواد داخل الملف و يتم إستدعاء الملف إلى صفحة الـ HTML عن طريق و ضع رابط الملف بين وسمي <head></head> .
مثال عن إنشاء ملف CSS
<style> بداية وسم ستايل CSS
div {font-family:tahoma;} تنسيق عنصر الصفحة عن طريق إسم الوسم
.superstech{color:black} تنسيق عنصر الصفحة عن طريق إستدعائه بواسطة الـ Class Name
#supers-tech{background-color:white} تنسيق عنصر الصفة عن طريق إستدعائه بواسطة الـ ID
</style> نهاية وسم ستايل CSS
يتم حفظ هذا الملف بالإمتداد .CSS , و يتم إستعائه بالطريقة التالية :
شاب عربي طموح أبلغ من العمر 24 سنة ملم بالبرمجة و علوم الحاسوب , أبرمج و أعرب قوالب بلوجر من حين لآخر و أسعى لنشر ما أعرفه و إكتسبته من خلال مدونتي سوبر إس للمعلوماتية .
