ما هي لغة CSS ؟ ومميزات ومعلومات عن خصائص CSS3 ؟ اسباب لكي تتعلمها

ما هي لغة الـ CSS؟

تعد Cascading Style Sheets (CSS) آلية بسيطة لإضافة تاثيرات علي (الخطوط والألوان والمسافات والصور) إلى مستندات الويب HTML. فالـ CSS تعتبر مكياج لصفحات الويب.

ما هو CSS 3؟

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

ما هو الجديد في اللغة واهميته؟

• الـ CSS3 Border : يسمح هذا التحديث الجديد للمبرمجين بتطبيق تعديلين أكثر ديناميكية على اطار العنصر. يمكنك الآن استخدام "Border" كصورة ويمكن ان تكون علي هيئة نصف قطر بدرجات يمكن التحكم بها.

• الـ CSS3 Color : بالاعتماد علي نظام الألوان RGB القياسي المستخدم في الإصدارات السابقة ، يسمح CSS3 بسهولة إنشاء قيم لونية باستخدام "rgba ()" و "hsl ()" و "hsla ()".

• الـ CSS3 Background : تسمح تلك الخاصية باضافة الخلفية في منطور وابعاد معينة ، واستخدام خلفيات متعددة في وقت واحد ، وضبط حجم الخلفية بسهولة.

• الـ CSS3 Gradients : إنشاء التدرجات اللونية بين لونين. يسمح CSS3 باستخدام التدرجات الخطية ودائرية.  وهذا قلل من استخدام الصور مما ادي لسرعة تحميل اكبر.

• الـ CSS3 Text-Overflow : يوفر CSS3 خيارات جديدة والمزيد من الاضافات الاكثر مرونة لعرض النصوص.
• الـ CSS3 Drop Shadows : يضيف CSS3 العديد من الخيارات الجديدة لإنشاء ظل العنصر، مما يجعل هذه الميزة أكثر ديناميكية من أي وقت مضى.

• الـ CSS3 2D Transforms : تسمح هذه الميزة للمبرمجين بالتلاعب في الاشكال، بدءًا من رسم الاشكال إلى تغير حجم  العنصر إلى التدوير وتحريك العنصر.

• الـ CSS3 3D Transforms : تسمح لك بالتلاعب علي الثلاث أبعاد ، كما يظهر من اسمها ، التحكم في الاوجه الثلاث، وتركيب عناصر أخرى دون التأثير عليها.
• الـ CSS3 Transitions : تتيح هذه الميزة المبتكرة الانتقال السلس بين قيم خصائص CSS خلال فترات معينة يمكن ضبطها بسهولة. لكي تظهر بشكل جميل.
• الـ CSS3 Animations : يعطي هذا التطور في اللغة الميزة للمبرمجين المزيد من التحكم في الرسوم المتحركة ، مما يتيح إنشاء الرسوم المتحركة.
• الـ CSS3 Multi-Column Layout :  تسمح لك تك الميزة بتقسيم محتوى لعنصر معين إلى اقسام متعددة.

• الـ CSS3 Box-Sizing :  تجعل هذه الإضافة من السهل ضبط حجم العنصر وقياس padding تلقائيا واعتبره من العنصر.

• الـ CSS3 Flex Box :تتيح هذه الميزة الجديدة التي تمس الحاجة إليها لسهولة إنشاء العديد من الأعمدة والصفوف وتكون اكثر تفعالية.
• الـ CSS3 Filters : تسمح الفلاتر الجديدة في CSS3 للمبرمجين بالتعامل مع الصور بسهولة قبل التحميل ، مما يمنحهم تأثيرات مثل التمويه ، أو تحسينات التباين ، أو درجات اللون البني الداكن ، أو زيادة تشبع اللون.
• الـ CSS3 Media Queries : هي أداة جديدة للحصول على ملفات خاص لكل شاشة وأجهزة مختلفة الحجم.

4 اسباب لتعلم لغة CSS3

• عامل مؤثر: يعد CSS من بين لغات البرمجةالأكثر استخدامًا والأكثر أهمية على مستوى العالم والتي يتم تطويرها باستمرار، و CSS3 هو أحدث اصدار لها.
• العالمية: الكود عبارة عن لغة تتخطى الجغرافيا والجنسية والثقافة. وتربط بين الناس على نطاق لم تحققه أي لغة لفظية على الإطلاق.
• الحفاظ علي الوظيفة: عندما تتعلم المزيد سوف تنل أهمية اكبر في مكان العمل. لذا بغض النظر عن وظيفتك الحالية، سيزيد تعلمك لها من فرص العمل المتاحة لك ويتيح لك فرص لا حصر لها للعمل لحسابك الخاص.
• الإبداع: هي لغة كبيرة وتحتوي علي الكثير من الافكار وهذا يتحاج ايضا للابداع الفني.