45. تعلم تصميم المواقع – تعلم CSS3: الاستعلامات

45. تعلم تصميم المواقع – تعلم CSS3: الاستعلامات

بسم الله الرحمان الرحيم

شاهد أيضاً: تعلم تصميم المواقع – تعلم HTML, HTML5, CSS, CSS3: المقدمة

شاهد أيضاً: إدخال البيانات في مواقع ويب

شاهد أيضاً: تركيب مواقع ووردبريس

شاهد أيضاً: تصميم صفحة ويب HTML5, CSS3, JavaScript

الاستعلامات Media Queries:

اضافة خواص للصفحة حسب مقاس عرض الشاشة (تفيد في إنشاء صفحات متجاوبة responsive)

بنية الكودsyntaxe:

@media (max-width :px) { }

Range: تنسيق حجم الشاشة ضمن مجال معين (بين كذا وكذا)

* المقاسات التي تستخدم في bootstrap: media queries standard

* اجهزة الهواتف والتابلت لها مقاسات ثابتة.

* موقع لمعرفة مقاسات كل الأجهزة: http://screensize.es

لمعرفة المزيد عن media queries يجب تعلم إنشاء تصاميم متجاوبة responsive في دروس أخرى خاصة.

مثال:

تنسيق css3:

css3 46

الشكل على المتصفح:

css3 46 1

اترك تعليقاً

لن يتم نشر عنوان بريدك الإلكتروني. الحقول الإلزامية مشار إليها بـ *