شرح صفوف ومحتوى الفقرة
طريقة كتابة media queries في لغة CSS:
- media queries تبدأ جملة أو عبارة بعلامة @ متبوعة بكلمة media لتصبح بهذا الشكل media@.
- media types تحديد نوع الجهاز مثل all لجميع أنواع الأجهزة أو screen تحديد computer screens شاشات الكمبيوتر و tablets الأجهزة اللوحية و smart-phones الهواتف الذكية.
- operators هي تحديد media queries تعمل أو لا تعمل علي شاشات بمقاسات مختلفة ثلاث اختيارات فقط وهم [and|not|only] فيمكن للعنصر في شاشة معينه لا يكون بلون أحمر عن طريق not أو يمكن للعنصر في شاشات محددة يكون بلون أحمر عن طريق only أو شاشات مع شاشات بكلمة and.
- expressions وهو عن تحديد حجم الشاشة only screen and (max-width: 500px) أو من إلي and (min-width: 200px) and (max-width: 767px) ويكون دائماً حجم الشاشة بين parentheses أقواس عادية ().
- CSS code يكون دائماً بعد media queries بين curly braces أقواس مجعدة { } يكتب بوضعة الطبيعي علي هيئة selector متبوعاً ب decleration block {}.
CSS Media Queries Syntax
طريقة كتابة Media Queries في لغة CSS.
HTML
@media not|only mediatype and (expressions) {
selector{
property:value;
property:value;
}
}