CSS Tutorial APK

*New Application Lunch

CSS هي لغة تصف نمط مستند HTML.

يصف CSS كيفية عرض عناصر HTML.

هذا البرنامج التعليمي سوف يعلمك CSS من الأساسي إلى المتقدم.

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

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

لماذا استخدم CSS؟
يتم استخدام CSS لتعريف الأنماط لصفحات الويب الخاصة بك ، بما في ذلك التصميم والتخطيط والاختلافات في العرض للأجهزة المختلفة وأحجام الشاشات.

CSS حل مشكلة كبيرة

المغلق يحفظ الكثير من العمل!
يتم عادةً حفظ تعريفات النمط في ملفات .css الخارجية.

باستخدام ملف خارجي من أنماط الأنماط ، يمكنك تغيير مظهر موقع الويب بالكامل عن طريق تغيير ملف واحد فقط!
تتكون مجموعة قواعد CSS من محدد وكتلة التصريح:
يشير المحدد إلى عنصر HTML الذي تريده.

تحتوي كتلة تعريف على واحد أو أكثر من الإعلانات مفصولة بفواصل منقوطة.

يتضمن كل تعريف اسم خاصية CSS وقيمة ، مفصولة بنقطتين.

دائمًا ما ينتهي تعريف CSS بفاصلة منقوطة ، وتحيط كتل التعريف بأقواس معقوفة.

في المثال التالي ، ستكون جميع عناصر

متحاذية للوسط ، مع لون نص أحمر:

مختارات CSS
يتم استخدام محددات CSS للعثور على عناصر HTML (أو تحديدها) استنادًا إلى اسم العنصر والمعرف والفئة والسمة والمزيد.

عنصر محدد
يحدد محدد العناصر العناصر بناءً على اسم العنصر.

يمكنك تحديد كل عناصر

على صفحة مثل هذه (في هذه الحالة ، ستكون جميع عناصر

متحاذية للوسط ، مع لون نص أحمر):

معرف محدد
يستخدم محدد الهوية سمة المعرف لعنصر HTML لتحديد عنصر معين.

يجب أن يكون معرف العنصر فريدًا في الصفحة ، لذلك يتم استخدام محدد الهوية لتحديد عنصر فريد واحد!

لتحديد عنصر بمعرف محدد ، اكتب رمز الهاش (#) ، متبوعًا بمعرّف العنصر.

ميزات:
✓ أساسيات CSS - ألوان ، خلفيات ، خطوط ، نص ، صور ، ارتباطات ، جداول ، حدود ، هوامش ، قوائم ، حشو ، مؤشرات ، مخططات ، أبعاد ، أشرطة تمرير ، إلخ.
✓ CSS متقدم: الرؤية ، وتحديد المواقع ، والطبقات ، وتأثيرات النص ، وأنواع الوسائط ، ووسائل الإعلام المقسمة ، والتخطيطات ، إلخ.
✓برنامج SCSS3 التعليمي: ركن مدور ، صور الحدود ، خلفية متعددة ، ألوان ، تدرجات ، ظل ، نص ، خط ويب ، تحويل ثنائي الأبعاد ، تحويل ثلاثي الأبعاد ، رسوم متحركة ، أعمدة متعددة ، واجهة مستخدم ، تحجيم المربع
✓ يتضمن 80 فيديو تعليمي لـ CSS و CSS3 Video Tutorials ، دروس فيديو للرسوم المتحركة من CSS
✓ القدرة على التعلم في الوقت الخاص بك من أي مكان عندما لا يمكنك الوصول إلى الإنترنت.
✓ محسّن لمعظم الأجهزة المدعومة من Android مع رسومات وتصميم محسّن

العلامة:
تعلم CSS ، تعلم CSS الرسوم المتحركة ، البرنامج التعليمي ، تعلم الرسوم المتحركة ، كيفية تعلم CSS ، درس CSS مجاني