في هذا الدرس 3تصفّح المواضيع
CSS font Size with media query
الخطوط مع نظام media query في لغة CSS
CSS font Size with media query الخطوط مع نظام media query في لغة CSS
لتضمن تجربة عرض ممتازة لموقعك علي الشاشات المختلفة فأنت بحاجة الي تخصيص حجم عرض النصوص الموجودة في موقعك لتضمن أن شكل الصفحة يكون متناسق علي عدة احجام من الشاشات.
CSS font Size with media query
تغيير حجم الخط علي شاشات مختلفه مع نظام media query بلغة CSS.
CSS hide element with media Query
إخفاء بعض العناصر بنظام media Query في لغة CSS
CSS hide element with media Query إخفاء بعض العناصر بنظام media Query في لغة CSS
استخدام media query مع عنصر أو بعض العناصر أو كل العناصر لأخفائها علي بعض الشاشات أو شاشة محددة وهو يعد أمر شائع في لغة CSS.
CSS hide element with media Query
سوف يختفي عرض عنصر p علي أي حجم شاشة أصغر 600px والعكس في الشاشات الاكبر من 600px.
/* If the screen size is 600px wide or less, hide the element */
@media (max-width: 600px) {
p
{
display: none;
}
}
CSS media query navbar
قائمة تنقل متجاوبة مع شاشات مختلفة في لغة CSS
CSS media query navbar قائمة تنقل متجاوبة مع شاشات مختلفة في لغة CSS
تستخدم media query لإنشاء قائمة تنقل سريعة متجاوبة مع أجهزة مختلفة ،والتي تختلف في التصميم باختلاف أحجام الشاشات في لغة CSS.
CSS media query navbar
قائمة تنقل سريعه مع نظام media query في لغة CSS.
سجّل الدخول لحفظ تقدمك
تابع إنجاز المواضيع والمصطلحات والمهام، وكمّل من آخر خطوة على أي جهاز.
المصطلحات22
راجع المعنى، اشرحه لنفسك، ثم علّم البطاقة كمفهومة.
- 01 Properties خصائص
- للمراجعة
- 02 Media وسائط
- للمراجعة
- 03 Add إضافة
- للمراجعة
- 04 Breakpoint نقطة توقف
- للمراجعة
- 05 Columns أعمدة
- للمراجعة
- 06 Responsive متجاوب
- للمراجعة
- 07 Rows صفوف
- للمراجعة
- 08 Example مثال
- للمراجعة
- 09 Design تصميم
- للمراجعة
- 10 Mobile موبايل
- للمراجعة
- 11 First الأول
- للمراجعة
- 12 Another أخري
- للمراجعة
- 13 Desktop سطح المكتب
- للمراجعة
- 14 Typical عادي
- للمراجعة
- 15 Device جهاز
- للمراجعة
- 16 Orientation توجيه
- للمراجعة
- 17 Landscape منظر طبيعي
- للمراجعة
- 18 Hide إخفاء
- للمراجعة
- 19 Elements عناصر
- للمراجعة
- 20 With مع
- للمراجعة
- 21 Change تغيير
- للمراجعة
- 22 Font Size حجم الخط
- للمراجعة
لا توجد بطاقات تطابق البحث والتصفية.
اقرأ البطاقات بحرية. سجّل الدخول لحفظ تقدم مراجعتك.
الاختصارات1
راجع المعنى، اشرحه لنفسك، ثم علّم البطاقة كمفهومة.
- 01 CSS CSS
- Cascading Style Sheets
- صفحات الأنماط الانسيابية
- للمراجعة
لا توجد بطاقات تطابق البحث والتصفية.
اقرأ البطاقات بحرية. سجّل الدخول لحفظ تقدم مراجعتك.
اختبر فهمك.
ووصلها للإتقان.
كل سؤال خطوة لقدّام. اختار، اكتب كود، وشوف نتيجتك فورًا.
أكمل المهام، واجمع كل الإجابات الصحيحة. أقل من 100%؟ راجع وأعد المحاولة.
الأسئلة متاحة للاطلاع. سجّل الدخول للتفاعل وحفظ تقدمك.