في هذا الدرس 5تصفّح المواضيع
يمكن بناء القوائم أو اشرطة التنقل عن طريق عنصر <ul> بداخلة <li> وروابط عن طريق عنصر <a> في لغة CSS.
تظهر قائمة أو شريط التنقل بملئ الشاشة لأن عنصر <ul> من النوع display:block فيجب أن يكون عرضة علي قدر المحتوي الداخلي فيجب علينا أن نستخدم display:inline-block أو flaot:left في لغة CSS.
CSS vertical navigation with float
تقليل حجم القائمة العمودية في لغة CSS.
عمل شكل للقائمة الرأسية وعمل خلفية للعناصر الداخلية في الوضع الثابت وعند تمرير مؤشر mouse علي كل عنصر في لغة CSS.
CSS create vertical navigation bar
ضبط القائمة العمودية في لغة CSS.
CSS vertical navigation bar with hover
تغيير الخلفية مع تمرير مؤشر mouse في لغة CSS.
قم بإضافة active class لعمل link حالي داخل الصفحة ليعلم الزوار اي صفحة مفتوحة حالياً.
CSS vertical navigation active current link
تغيير لون أول عنصر من القائمة الرأسية في لغة CSS.
عن طريق خاصية text-align:center يمكن توسيط النصوص داخل vertical navigation القائمة العمودية في لغة CSS.
CSS vertical navigation center links
توسيط النصوص داخل القائمة العمودية في لغة CSS.
سجّل الدخول لحفظ تقدمك
تابع إنجاز المواضيع والمصطلحات والمهام، وكمّل من آخر خطوة على أي جهاز.
المصطلحات22
راجع المعنى، اشرحه لنفسك، ثم علّم البطاقة كمفهومة.
- 01 Vertical عمودي
- للمراجعة
- 02 Navigation Bar شريط تنقل
- للمراجعة
- 03 Properties خصائص
- للمراجعة
- 04 List قائمة
- للمراجعة
- 05 Style نمط أو شكل
- للمراجعة
- 06 Link رابط
- للمراجعة
- 07 Display شاشة
- للمراجعة
- 08 Block كتلة
- للمراجعة
- 09 Inline مضمن
- للمراجعة
- 10 Clickable قابل للضغط
- للمراجعة
- 11 Padding حشو
- للمراجعة
- 12 Margin هامش
- للمراجعة
- 13 More مزيد
- للمراجعة
- 14 Width عرض
- للمراجعة
- 15 Links روابط
- للمراجعة
- 16 Active نشط / فعال
- للمراجعة
- 17 Current Link الرابط الحالي
- للمراجعة
- 18 Class فئة
- للمراجعة
- 19 Center في المنتصف
- للمراجعة
- 20 Borders حدود
- للمراجعة
- 21 Add إضافة
- للمراجعة
- 22 Property خاصية
- للمراجعة
لا توجد بطاقات تطابق البحث والتصفية.
اقرأ البطاقات بحرية. سجّل الدخول لحفظ تقدم مراجعتك.
الاختصارات3
راجع المعنى، اشرحه لنفسك، ثم علّم البطاقة كمفهومة.
- 01 CSS CSS
- Cascading Style Sheets
- صفحات الأنماط الانسيابية
- للمراجعة
- 02 HTML HTML
- Hypertext Markup Language
- لغة توصيف النص الفائق الخاصة ببناء صفحة الإنترنت<p><a href="https://www.closetag.com/tutorial/html/html-introduction">المزيد عن HTML</a></p>
- للمراجعة
- 03 Set Set
- Setting
- ضبط
- للمراجعة
لا توجد بطاقات تطابق البحث والتصفية.
اقرأ البطاقات بحرية. سجّل الدخول لحفظ تقدم مراجعتك.
اختبر فهمك.
ووصلها للإتقان.
كل سؤال خطوة لقدّام. اختار، اكتب كود، وشوف نتيجتك فورًا.
أكمل المهام، واجمع كل الإجابات الصحيحة. أقل من 100%؟ راجع وأعد المحاولة.
الأسئلة متاحة للاطلاع. سجّل الدخول للتفاعل وحفظ تقدمك.