في هذا الدرس 6تصفّح المواضيع
CSS Link selectors
تحديد حالات الروابط في لغة CSS
CSS Link selectors تحديد حالات الروابط في لغة CSS
عن طريق link selectors في لغة CSS تستطيع التحكم في الروابط التي قمت بزيارتها مسبقاً ويقوم المتصفح بتغيير لونها باللون المميز والمختلف ويظهر هذا اللون مع ضغط أو تمرير زر mouse الفأرة.
للروابط 4 حالات في لغة CSS:
- a:visited للتحكم في شكل الرابط الزي قمت بزيارته وهو أن يصبح بلوم نختلف بعد زيارتة أو شكل مختلف.
- a:link للتحكم في الرابط الافتراضي الزي يظهر على المتصفح قبل زيارتة والأفتراضي لون الأزرق ويمكن تغييرة.
- a:hover للتحكم في شكل الرابط الزي يتم تمرير مؤشر mouse أعلي الرابط فسوف يظهر بشكل مختلف ويرجع الشكل للأفتراضي عند إبعاد مؤشر زر mouse مرة أخري.
- a:active للتحكم في شكل الرابط الزي يتم click النقر علية بزر الماوس في هذه اللحظة فقط عند الضغط سوف يتغير الشكل إيضا أو اللون.
CSS link styles with mouse engagement
تغيير شكل الرابط مع إحتكاك mouse الفأره في لغة CSS.
CSS link Decoration
ديكور الروابط في لغة CSS
CSS link Decoration ديكور الروابط في لغة CSS
CSS link Decoration
التحكم في مكان الخطوط العرضية أسفل نصوص الروابط في لغة CSS.
CSS Background Color
التحكم في خلفيات الروابط في لغة CSS
CSS Background Color التحكم في خلفيات الروابط في لغة CSS
يمكن التحكم في خلفية الرابط التي تظهر بشكل إفتراضي ويمكن تغيير لون الخلفية في حالات معينة وهي عند الضغط والروابط التي تمت زيارتها في لغة CSS.
CSS Background Color
التحكم في خلفية ارابط في لغة CSS.
CSS Link Buttons
روابط علي شكل زر في لغة CSS
CSS Link Buttons روابط علي شكل زر في لغة CSS
عن طريق لغة CSS تستطيع التحكم في أشكال links الروابط وتحويلها من رابط نصي إلي شكل Buttons زر عن طريق إضافة لها مجموعة خصائص.
CSS add border to link
إضافة إطار حول الروابط في لغة CSS.
CSS link display inline
عرض الروابط بشكل صندوق لنتحكم في الهوامش وحجمها في لغة CSS.
CSS add padding to link
إضافة هوامش داخلية للروابط في لغة CSS.
CSS remove text underline
إزالة الخط السفلي أسفل النصوص من الروابط في لغة CSS
CSS link style
إضافة تأثرات علي الزر في لغة CSS.
CSS link hover
تغيير شكل الرابط عند تمرير زر mouse في لغة CSS
CSS link hover تغيير شكل الرابط عند تمرير زر mouse في لغة CSS
CSS link hover
تغيير شكل الرابط عند تمرير زر mouse في لغة CSS.
CSS link cursor
مؤشر mouse الفأرة في لغة CSS
CSS link cursor مؤشر mouse الفأرة في لغة CSS
في لغة CSS يمكن تغيير شكل مؤشر mouse الفأرة عند تمرير المؤشر أعلي الرابط ويوجد عدة اشكال يمكن اختيار اي نوع منهم.
<span style="cursor: ne-resize">ne-resize</span><br>
<span style="cursor: nw-resize">nw-resize</span><br>
<span style="cursor: pointer">pointer</span><br>سجّل الدخول لحفظ تقدمك
تابع إنجاز المواضيع والمصطلحات والمهام، وكمّل من آخر خطوة على أي جهاز.
المصطلحات14
راجع المعنى، اشرحه لنفسك، ثم علّم البطاقة كمفهومة.
- 01 Links روابط
- للمراجعة
- 02 Style نمط أو شكل
- للمراجعة
- 03 Mouse فأرة المستخدم
- للمراجعة
- 04 Font-Size حجم الخط
- للمراجعة
- 05 Font-Family عائلة الخط
- للمراجعة
- 06 Color لون
- للمراجعة
- 07 Background خلفية
- للمراجعة
- 08 Syntax بناء الجملة
- للمراجعة
- 09 Selectors محددات
- للمراجعة
- 10 Decoration تزيين أو زخرفة
- للمراجعة
- 11 Property خاصية
- للمراجعة
- 12 Button زر
- للمراجعة
- 13 Properties خصائص
- للمراجعة
- 14 Cursor مؤشر
- للمراجعة
لا توجد بطاقات تطابق البحث والتصفية.
اقرأ البطاقات بحرية. سجّل الدخول لحفظ تقدم مراجعتك.
الاختصارات2
راجع المعنى، اشرحه لنفسك، ثم علّم البطاقة كمفهومة.
- 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>
- للمراجعة
لا توجد بطاقات تطابق البحث والتصفية.
اقرأ البطاقات بحرية. سجّل الدخول لحفظ تقدم مراجعتك.
اختبر فهمك.
ووصلها للإتقان.
كل سؤال خطوة لقدّام. اختار، اكتب كود، وشوف نتيجتك فورًا.
أكمل المهام، واجمع كل الإجابات الصحيحة. أقل من 100%؟ راجع وأعد المحاولة.
الأسئلة متاحة للاطلاع. سجّل الدخول للتفاعل وحفظ تقدمك.
لمحة عن التحدي4 أسئلة تنتظرك ＋
يستخدم ال attribute ........... للتحكم في Style الرابط الذي قمت بزيارته
____يستخدم ال attribute ........... للتحكم في Style الرابط الافتراضي الذي يظهر على المتصفح
____