تعلم لغة Css كاملة

Mostafa Nasser

4 سنوات ago

اهلا بكم في اكاديمية المصطفي معكم في مقالة جديدة تعلم لغة CSS كاملة من الصفر الي الاحتراف لكي تصمم المواقع وتضبط الالوان وحجم الموقع وهكذا
اولا ماهي لغة CSS
CSS هي اختصار لـ Cascading Style Sheet و هي تعني صفحات الأنماط الانسيابية و تستخدم تقنية CSS في تصميم صفحات الويب بحيث يتم من خلالها التحكم في شكل الموقع بالكامل من حيث نوع الخط المستخدم أو لونه أو حجمه و ذلك دون الحاجة لكتابة تلك الأكواد أو تكرارها في كل صفحة داخل الموقع و بالتالي فيمكن من خلال ملف واحد فقط إجراء أي تعديلات على كافة الملفات مما يوفر الكثير من الجهد و الوقت و وظيفة هذه التقنية هي التحكم بكيفية عرض صفحة الويب دون التدخل في المحتوى مما يسهل من عملية إدارة الموقع فتعديل ملف CSS واحد سيؤثر على تصميم كافة صفحات الموقع فملفات CSS تعمل على تبسيط عملية تصميم و إدارة المواقع وتحل الكثير من المشاكل التي قد يواجهها أي مطور للمواقع فعلى سبيل المثال إذا كنت قد صممت موقعك باستخدام لغة الـ HTML و على فرض أن هذا الموقع يتكون من خمسة صفحات ثم أردت بعد فترة تطوير و تعديل طريقة عرض هذا الموقع … عليك هنا إعادة تصميم الصفحات الخمس من جديد هذا أمر سهل جداً و عليك أن تبدأ الآن أما على فرض أن موقعك هذا يحتوي على عدد أكبر من الصفحات و ليكن 50 أو 100 صفحة فمن المؤكد أنك سوف تتردد قبل الشروع في التطوير و التعديل … أما إذا كنت قد صممت موقعك منذ البداية باستخدام تقنية CSS فكل ما عليك هو تعديل ملف واحداً فقط
فملفات الأنماط الانسيابية CSSتلغي الحاجة إلى استخدام الكثير من أوامر HTML كأمر FONT الذي يحدد نوع الخط أو حجمه أو لونه كذلك الأمر TABLE الذي يستخدم لإنشاء الجداول و بمعنى آخر يستطيع أي شخص باستخدام CSS أن يصمم موقعه بالكامل دون استخدام الجداول كما هو متبع في الطرق التقليدية لتصميم الصفحات و هذا لا يعني أن الجداول لن يتم استخدامها مع CSS فالجداول لها وظيفة أخرى وهي عرض وتنسيق البيانات التي تحتاج إلى أن تكون ضمن جدول و قد قامت منظمة W3C بابتكار هذه التقنية و جعلتها كمعيار قياسي لتصميم المواقع وقد بدأت الكثير من المواقع في الانتقال من الأسلوب التقليدي للتصميم باستخدام الجداول إلى الأسلوب الجديد باستخدام تقنية CSS