هذا الدرس من الدورة التدريبية: دورة تدريبية لغة CSS لإنشاء تصاميم وتنسيق صفحات الإنترنت
الدرس: كيفية إخفاء عناصر صفحة الويب بإستخدام Visibility Hidden وأنماط مؤشر الماوس Cursor Styles في CSS
المدة: 5 دقائق
وصف مختصر:
وصف الدرس
Visibility Hidden and Cursor Mouse Styles in CSS
Master the essential concepts of visibility and cursor styling in CSS to enhance your web development skills.
Understanding Visibility in CSS
The
visibility property in CSS determines whether an element is visible or hidden. However, hidden elements still occupy space in the layout.- visibility: visible; - Makes the element visible.
- visibility: hidden; - Hides the element but retains its space.
Key difference: Unlike
display: none;, visibility: hidden; hides the content but preserves its layout space.Customizing the Cursor in CSS
The
cursor property allows developers to define the appearance of the cursor when it hovers over specific elements.- cursor: default; - The default arrow cursor.
- cursor: pointer; - Indicates a clickable element.
Use the cursor property to improve interactivity and provide visual cues to users.
Example: Create a button that changes the cursor style:
button {
cursor: pointer;
}
Practical Applications
Learn how to:
- Change the cursor style globally for the web browser.
- Customize the cursor style for specific HTML elements.
- Create interactive effects using cursor styles in combination with visibility properties.
الفيديوهات
سجل دخول وتأكد من اشتراكك في هذا البرنامج الدراسي للوصول إلى الأدوات والمواد التدريبية و الفيديوهات
فيديو الدرس التعليمي كيفية إخفاء عناصر صفحة الويب بإستخدام Visibility Hidden وأنماط مؤشر الماوس Cursor Styles في CSS
المصادر
سجل دخول وتأكد من اشتراكك في هذا البرنامج الدراسي للوصول إلى الأدوات والمواد التدريبية و المصادر
أوامر تنسيق عناصر هيكل صفحة الويب
ملحقات ال PDF
سجل دخول وتأكد من اشتراكك في هذا البرنامج الدراسي للوصول إلى الأدوات والمواد التدريبية و ملحقات ال PDF
Css كتاب شرح مساعد لفهم أساسيات :Float .Display,filter,min_width,min_height
- 230 دقيقة من الفيديوهات التفاعلية الحصرية
- 70 مصدر إضافي
- 41 ملحقات PDFs
- 3 تطبيق نظري وعملي
- الوصول على جميع الأجهزة
- وصول مدى الحياة
- شهادة أوروبية لإتمام الدراسة
- ا لحصول على شهادة دبلوم موثقة
للوصول إلى الفيديوهات والمصادر والملحقات الدراسية والمواد التعليمية لدراسة برنامج
كورس تعلم لغة CSS لإنشاء تصاميم وتنسيق مواقع الإنترنت
اضغط هنا ابدأ التعلم
أيضاً عند أداء الاختبارات بنجاح سوف تحصل على الشهادة الأوروبية المعتمدة في إتمام الدراسة والتأهل لطلب الشهادة الدولية في هذا البرنامج
الدروس والاختبارات لتعلم هذه الدورة التدريبية : دورة تدريبية لغة CSS لإنشاء تصاميم وتنسيق صفحات الإنترنت
دورات تدريبية أخرى في برمجة
دبلوم برمجة تطبيقات وقواعد بيانات وأنظمة إدارة محتوى PHP & SQL
دبلوم بناء وتطوير مواقع إنترنت ديناميكية شاهد آراء مهندسين البرمجيات الذين حصلوا على عمل بعد إكمالهم الدورات التدريبية مع مدرب البورد الأوروبي...
تعلم بناء بزنس رقمي باستخدام أدوات الذكاء الاصطناعي
تعلم بناء بزنس رقمي متكامل بسهولة باستخدام أدوات الذكاء الاصطناعي. اكتسب مهارات تصميم الهوية، إنشاء المواقع والمتاجر الإلكترونية، التسويق الرقمي، وتحليل البيانات.
دبلوم بناء مواقع الإنترنت للمبتدئين تعلم من الصفر HTML وCSS وJavaScript
ابدأ رحلتك في تطوير مواقع الإنترنت مع دبلوم شامل للمبتدئين. تعلم HTML وCSS وJavaScript من الصفر واكتسب المهارات الأساسية لبناء مواقع احترافية. دورة مصممة لتدعمك في كل خطوة على الطريق.
مقالات ذات صلة
تعلم البرمجة وتطوير صفحات الويب Javascript
برنامج تعلم البرمجة وتطوير صفحات الويب بلغة JavaScript يعد برنامج “تعلم البرمجة وتطوير صفحات الويب بلغة JavaScript” خيارًا مثاليًا لكل من يرغب...
استكشاف الأساليب المتقدمة للمصفوفات في جافاسكريبت
المصفوفات (Arrays) في جافاسكريبت: دليل شامل مقدمة المصفوفات هي واحدة من أهم هياكل البيانات الأساسية في جافاسكريبت، حيث تتيح للمطورين تخزين وإدارة...
فهم الشبكات: المفاهيم الأساسية والأدوات
فهم الشبكات وإعداد الخوادم واستخدام أدوات البرمجة يشكّل محورًا أساسيًا في بناء صفحات ومواقع الإنترنت باستخدام HTML، خاصة ضمن البرنامج المتاح على...
