لغة CSS

ما هي لغة CSS وما هو شرح CSS واهميتها وكيفية استخدامها في عمل وتنسيق المواقع الالكترونية على الانترنت. كيف يمكن أن تتعلم لغة CSS وأسهل واسرع طرق لتعلم لغة CSS.

لغة CSS

لغة CSS هي اختصار لجملة وهي: بالانجليزية Cascading Style Sheets، وتعرف باللغة العربية باسم صفحات الطرز المتراصة أو سي أس أس، وهي واحدة من اللغات  الرئيسية المستخدمة لبناء صفحات الويب جنبًا إلى جنب مع لغة ترميز النص التشعبي أو لغة HTML. وهي اللغة التي تختص باضافة السمات والخصائص على البنية الخاصة بصفحات الويب مثل الألوان والخطوط التي تتخذها صفحة الويب.

كما تختص أيضًا بالطريقة التي سيتم بها استعراض عناصر صفحات الويب والتطبيقات على الشاشة في الواجهة الخاصة بالمستخدم والتي تعرض للمستخدم الاخير، وتُدرَج عادةً في المستندات المكتوبة بإحدى لغات الترميز XML أو HTML أو XHTML وغيرها.

طريقة أدراج لغة CSS إلي الموقع الالكتروني

لا بد من الإشارة لأن نضيف لغة CSS بشكل خاص مثل:

1. أن نضيف السطور الخاصة باللغة مع الاشارة بأنها لغة CSS.
2. أضافة ملف مستقل والاشارة له في الملف الخاص بالبناء.

خصائص لغة CSS

• اعداد الشكل العام لكل رمز من رموز لغة HTML.
• الحساسية لحالة الأحرف.
• توظيف الأوامر والوسوم للانتهاء بصفحة ويب متكاملة المظهر.
• تطويع رموز لغة HTML أولًا.
• التحكم بالالوان والخلفيات وانواع الخطوط... الخ.
• تناسق الاحجام وتغييرها حسب نوع الجهاز او حجم الشاشة.
• التنسيق والألوان والخطوط.

تاريخ لغة CSS

ظهرت لغة CSS لأول مرة إلى 10 من شهر اكتوبر في عام 1994 على يد المبرمج النرويجي هاكون فيوم لاي، وتعاون مع فريق متكامل من المبرمجين للخروجِ في نهاية المطاف بلغة نمطية لتصميم صفحات الويب بكفاءة، وتم التوصل إلى ضرورة إصدار النسخة البدائية الاولى من لغة W3C CSS سنة 1996.

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

زادت الحاجة لاستخدام لغة CSS بالتزامنِ مع تطوير لغة HTML لتكميل كلا منهما الأخرى،وكان دمجها سبباً بجعل عرض الصفحات عبر الشبكة العنكبوتية أمرًا أكثر وضوحًا وجمالاً وسهولة وأهمية للمستخدمين.

شرح CSS

لنقوم بعملية شرح css ببساطة شديدة فيمكن عرض الاساسيات الخاصة باللغة: 

• ID: الاي دي أو الاسم هو تسمية تعطى لعنصر (وسم HTML) واحد فقط ولا يمكن لاعطائه لاكثر من عنصر.
• Class: الطبقة، أو الكلاس، هو عدة مميزات تعطى لعنصر أو اكثر من وسم HTML.
• Inline Style: هو اعطاء العنصر في الوسم نفسه عدة خصائص.

<h2 Style= “color: red;”> Brightery</h2>