هذا الدرس من الدورة التدريبية: دورة تدريبية لغة CSS لإنشاء تصاميم وتنسيق صفحات الإنترنت
الدرس: دليل استخدام CSS لتحديد العناصر وتطبيق الخصائص – القواعد الأساسية والرموز
المدة: 5 دقائق
وصف مختصر:
وصف الدرس
مقدمة: تعلم محددات CSS وصياغة الخصائص
في عالم تطوير الويب، يعد CSS أحد الأدوات الأساسية لتنسيق عناصر HTML وجعل صفحات الويب جذابة وسهلة الاستخدام. من خلال استخدام محددات CSS، يمكننا الوصول إلى عناصر HTML المختلفة وتطبيق خصائص تنسيقية عليها، مثل الألوان والخلفيات وغيرها.
في هذا الدرس، سنتعلم كيفية استخدام محددات CSS، خاصةً محدد العنصر، لفهم كيفية تطبيق خصائص CSS على عناصر HTML. بالإضافة إلى ذلك، سنستعرض الهيكل الأساسي لأكواد CSS وطريقة كتابة الخصائص والقيم.
ما هي محددات CSS؟
- محددات CSS هي طريقة للإشارة إلى العناصر في HTML التي ترغب في تطبيق التنسيقات عليها. في هذا الدرس، سنركز على "محدد العنصر"، وهو أبسط أنواع المحددات في CSS.
صيغة CSS وكيفية استخدامها
للكتابة الصحيحة لأكواد CSS، نستخدم صيغة محددة تتكون من:
- محدد العنصر (Tag Selector): مثل
<body>،<h1>، أو<p>. - الأقواس المعقوفة { }: تحتوي على الخصائص والقيم.
- الخصائص (Properties): مثل
colorوbackground-color، وهي تشير إلى ما نريد تغييره في العنصر. - القيم (Values): مثل
redوwhite، والتي تمثل التغييرات التي نريد تطبيقها. - الفاصلة المنقوطة (;): تستخدم لفصل الخصائص داخل محدد واحد.
مثال على تطبيق CSS
<style>
body {
background-color: red;
color: white;
}
</style>
في هذا المثال، نستخدم محدد العنصر
body لتغيير لون الخلفية إلى الأحمر، ولون النص إلى الأبيض.الخطوات القادمة لتطوير مهاراتك في CSS
في هذا الدرس، ستتعلم ليس فقط كيفية كتابة أكواد CSS ولكن أيضًا كيفية تنظيمها وفهم أهمية الفصل بين المحتوى والشكل. يعد CSS خطوة أساسية لأي مطور ويب محترف، وستتمكن بعد هذا الدرس من تطبيق التنسيقات بسهولة وفعالية.
خاتمة
إذا كنت تبحث عن تحسين مهاراتك في تصميم وتطوير مواقع الويب، فإن تعلم CSS يعد الخطوة الأولى. انضم إلى هذه الدورة لتتعرف على كيفية تطبيق CSS بشكل صحيح، مما سيمكنك من إنشاء صفحات ويب ذات مظهر احترافي. احصل على شهادة معتمدة تثبت مهاراتك في تطوير الويب!
الفيديوهات
سجل دخول وتأكد من اشتراكك في هذا البرنامج الدراسي للوصول إلى الأدوات والمواد التدريبية و الفيديوهات
فيديو الدرس التعليمي دليل استخدام CSS لتحديد العناصر وتطبيق الخصائص – القواعد الأساسية والرموز
المصادر
ملحقات ال PDF
سجل دخول وتأكد من اشتراكك في هذا البرنامج الدراسي للوصول إلى الأدوات والمواد التدريبية و ملحقات ال PDF
ملف الشرح المرجعي وصول لعناصر صفحات الإنترنت وتنسيقها
- 225 دقيقة من الفيديوهات التفاعلية الحصرية
- 69 مصدر إضافي
- 41 ملحقات PDFs
- 3 تطبيق نظري وعملي
- الوصول على جميع الأجهزة
- وصول مدى الحياة
- شهادة أوروبية لإتمام الدراسة
- ا لحصول على شهادة دبلوم موثقة
للوصول إلى الفيديوهات والمصادر والملحقات الدراسية والمواد التعليمية لدراسة برنامج
كورس تعلم لغة CSS لإنشاء تصاميم وتنسيق مواقع الإنترنت
اضغط هنا ابدأ التعلم
أيضاً عند أداء الاختبارات بنجاح سوف تحصل على الشهادة الأوروبية المعتمدة في إتمام الدراسة والتأهل لطلب الشهادة الدولية في هذا البرنامج
الدروس والاختبارات لتعلم هذه الدورة التدريبية : دورة تدريبية لغة CSS لإنشاء تصاميم وتنسيق صفحات الإنترنت
دورات تدريبية أخرى في برمجة
تعلم البرمجة من الصفر وتطوير صفحات الويب الإحترافية مع لغة جافاسكربت JavaScript
تعلم البرمجة من الصفر وبدون خبرة حتى احتراف صناعة تطبيقات الويب التفاعلية باستخدام لغة العصر جافاسكربت JavaScript
دبلوم بناء مواقع إنترنت تطبيقات تفاعلية عالية السرعة Mern-stack
دبلومة شاملة في تطوير تطبيقات الإنترنت تبدأ من الأساسيات مع HTML، CSS، وJavaScript، وتتعمق في تقنية Mern-stack باستخدام MongoDB، Express.JS، React.JS، وNode.JS....
مقالات ذات صلة
دبلوم بناء وتطوير تطبيقات وشبكات الإنترنت
دورة “Java Full Stack Software Developer” المقدمة من European Board تهدف إلى تأهيل المتدربين ليصبحوا مطورين متكاملين قادرين على التعامل مع جميع...
الركيزة الأساسية للإنترنت: لماذا لا يمكنك الاستغناء عن عناوين IP ونظام DNS
مقدمة عندما نتصفح الإنترنت ونزور مواقعنا المفضلة، قد لا ندرك العملية المعقدة التي تحدث خلف الكواليس لربطنا بالصفحة التي نريدها. تلعب عناوين...
السلاسل النصية (Strings) في جافاسكريبت: أساسيات وميزات متقدمة
مقدمة تُعتبر السلاسل النصية (Strings) جزءًا لا يتجزأ من أي لغة برمجة، وجافاسكريبت ليست استثناءً. فهي تُستخدم لتمثيل النصوص والبيانات النصية، وتُعتبر...
