أهم 40 سؤالاً وأجوبة في مقابلات CSS الأكثر شيوعًا [للمبتدئين وذوي الخبرة]
نشرت: 2021-06-10بدأت كل صناعة في استخدام مواقع الويب والتطبيقات لمواكبة وتيرة العالم سريع التغير. يعد CSS أحد أهم أجزاء بناء وتصميم موقع ويب جذاب.
لذلك أصبح الطلب على مصممي الويب أو UI / UX الذين لديهم معرفة جيدة بـ CSS مع HTML أمرًا بالغ الأهمية. هناك لا تحتاج فقط إلى التحضير لأسئلة مقابلة CSS العادية ، بل تحتاج أيضًا إلى التحضير لأسئلة مقابلة HTML CSS . يعد اختراق مقابلة CSS أهم جزء في بدء حياتك المهنية كمصمم ويب.
لذلك في هذه المقالة ، ناقشنا قائمة بأسئلة مقابلات CSS الأكثر شيوعًا . يتم طرح الكثير من الموضوعات بدءًا من المستوى الأساسي إلى المستوى المتقدم في CSS في المقابلة ، ومن المهم وجود دليل للتعرف على نوع الأسئلة المطروحة. ستساعدك هذه القائمة على مسح عملية المقابلة والحصول على وظيفة أحلامك.
أهم أسئلة وأجوبة مقابلة CSS
1. تعريف CSS؟
CSS تعني أوراق الأنماط المتتالية. إنها لغة التصميم. إنها أبسط لغة تصميم لعناصر HTML. بصرف النظر عن كونها واحدة من أكثر لغات تصميم الويب شيوعًا في HTML ، فإن تطبيقها شائع جدًا أيضًا في XHTML
2. أذكر أصل CSS؟
كانت بداية أوراق الأنماط ، وخاصة CSS ، هي لغة الترميز المعيارية المعممة في الثمانينيات.
3. ما هي الأشكال المتعددة لـ CSS؟
الأشكال المختلفة لـ CSS هي:
- CSS 1
- CSS 2
- CSS 2.1.2 تحديث
- CSS 3
- CSS 4
4. اذكر قيود CSS؟
حدود CSS هي:
- لا توجد تعابير
- حدود التحكم العمودي
- لا يمكن الصعود بواسطة المحددات
- لا يوجد تصريح عمود
- القواعد واستهداف نصوص محددة وأنماط غير ممكنة
- السلوك الديناميكي لا يتحكم في الطبقة الزائفة
5. اذكر فوائد CSS؟
مزايا CSS هي:
- عرض النطاق
- إمكانية الوصول
- إعادة تنسيق الصفحة
- الاتساق على مستوى الموقع
- فصل المحتوى عن العرض
6. تحديد أطر CSS؟
أطر عمل CSS هي مكتبات مخططة مسبقًا ، والتي تسمح بتصميم وتصميم أكثر سهولة ومتوافقة مع المعايير لصفحة ويب باستخدام لغة CSS.
7. من يفترض مواصفات CSS؟
يتم الحفاظ على مواصفات CSS من قبل اتحاد شبكة الويب العالمية.
8. ما هي الطرق التي يمكن من خلالها دمج CSS كموقع ويب؟
يمكن دمج CSS كصفحة ويب بثلاث طرق:
- مضمن: CSS طبق عنصر HTML من خلال نمط الإسناد.
- مضمن: يمكن وضع الكود داخل عنصر نمط داخل عنصر الرأس.
- مرتبط / مستورد: يمكن الاحتفاظ بـ CSS في ملف خارجي ثم ربطه عبر عنصر ارتباط.
9. ما هي المزايا والعيوب التي تقدمها أوراق الأنماط الخارجية؟
مزايا:
- يمكن استخدام ملف واحد فقط للتحكم في مستندات مختلفة لكل منها أنماط مختلفة.
- يمكن أن تحتوي عناصر HTML المتعددة على مستندات متعددة يمكن أن تحتوي بعد ذلك على فئات متعددة.
- يمكن استخدام المواقف المركبة والتجميع والأساليب كمحددات لتجميع الأنماط.
عيوب:
- بالنسبة للمستندات التي تحتوي على معلومات نمط مختلفة ، يلزم تنزيل إضافي.
- يجب تنزيل أوراق الأنماط الخارجية لتقديم المستند.
- ليس من العملي لتعريفات النمط الصغير.
10. اذكر مزايا وعيوب أوراق الأنماط المضمنة؟
مزايا:
- التحميل الإضافي غير مطلوب.
- في مستند واحد ، يمكن إنشاء أنواع متعددة من العلامات.
- يمكن استخدام أساليب التحديد والتجميع لتطبيق الأنماط في المواقف المعقدة.
عيوب ::
- لا يمكن استخدامها للتحكم في مستندات متعددة.
11. ما معنى محدد CSS؟
محدد CSS عبارة عن سلسلة مكافئة لـ HTML يتم من خلالها الإعلان عن إعلان أو مجموعة من التصريحات. إنه رابط يستخدم لتبطين ورقة الأنماط و HTML في محدد CSS.
12. ما هي أنواع الوسائط التي تسمح بها CSS؟
توفر الوسائط التخصيص والتصميم للوثائق. يمكن استخدام التحكم في الوسائط لاسترداد واستخدام أوراق الأنماط الخارجية عن طريق تحميلها من الشبكة.
13. التمييز بين العلامات المادية والعلامات المنطقية؟
- العلامات المنطقية غير مجدية للمظاهر بينما العلامات المادية هي ترميز في العرض التقديمي.
- العلامات المنطقية هي إصدارات قديمة وتركز فقط على المحتوى بينما العلامات المادية هي الإصدارات الجديدة.
تعلم دورات البرمجيات عبر الإنترنت من أفضل الجامعات في العالم. اربح برامج PG التنفيذية أو برامج الشهادات المتقدمة أو برامج الماجستير لتتبع حياتك المهنية بشكل سريع.
14. اذكر الفرق بين ورقة الأنماط و HTML؟
تفتقر HTML إلى التصميم على الرغم من أن HTML لديها طريقة هيكلية سهلة. لا تقدم Styling Sheets التصميم فحسب ، بل تحتوي أيضًا على خيارات تنسيق وإمكانات تصفح أفضل.
15. وصف "مجموعة القواعد"؟
يتم تحديد المحددات التي يمكن ربطها بمحددات أخرى بواسطة مجموعة القواعد.
16. هل توجد حساسية لحالة الأحرف في CSS؟
لا توجد حساسية لحالة الأحرف في CSS ، على الرغم من أن عائلات الخطوط وعناوين URL بها حساسية لحالة الأحرف.
17. إعطاء تعريف كتلة الإعلان؟
كتلة الإعلان عبارة عن كتالوج للاتجاهات يتكون من الخاصية والقيمة والنقطتين داخل الأقواس.
18. إدراج سمات الخط المختلفة؟
هم انهم:
- نوع الخط
- متغير الخط
- وزن الخط
- حجم الخط / ارتفاع الخط
- خط العائلة
- شرح
- أيقونة
19. لماذا يؤدي إدراج ملف إلى تسهيل عملية الاستيراد؟
يسمح الاستيراد بوضع ميزة دمج الأوراق الخارجية في أوراق مختلفة. يمكن استخدام الأوراق والملفات المختلفة للحصول على وظيفة مختلفة.
20. ما فائدة محدد الفئة؟
محددات الفئة هي محددات لها إسناد فريد لنمط معين. يمكن عمل إعلان HTML مع الارتباط والأسلوب من خلال هذا.
21. ما هو الفرق بين محدد الفئة ومحدد الهوية؟
يختار محدد المعرف ID فقط عنصرًا واحدًا يختلف عن العناصر الأخرى ، بينما يختار محدد الفئة كتلة شاملة. يمكن أن يحتوي العنصر أحيانًا على فئة ومعرف. المعرفات فريدة لكن الفئات ليست كذلك.
22. هل يمكنك إضافة أكثر من تصريح في CSS؟
يمكن استخدام الفاصلة المنقوطة لإضافة أكثر من تصريح في CSS.
23. ما هي العناصر الزائفة؟
تضيف العناصر الزائفة العديد من التأثيرات الخاصة إلى المحددات. يطبق CSS أنماطًا مختلفة في ترميز HTML ولكن في بعض الأحيان ، لا يكون التصميم الإضافي أو الترميز ممكنًا في المستند. يحدث هذا عند استخدام ميزة تُعرف باسم العناصر الزائفة والتي تتوفر في CSS. يسمح بتصميم إضافي أو ترميز بدون إزعاج أو العبث بالمستند الفعلي.
24. كيف يمكن إلغاء تسطير الارتباطات التشعبية؟
يمكن إلغاء تسطير الارتباطات التشعبية باستخدام أوراق الأنماط الخارجية وبيانات التحكم.
25. هل يمكن أن تساعد CSS في استعادة قيمة الخاصية الافتراضية؟
في CSS ، بسبب نقص القيم الافتراضية ، لا يمكن العودة إلى القيم القديمة. يجب إعادة التصريح عن العقار لاستعادة الخاصية الافتراضية.
اذكر أنواع الوسائط المستخدمة في CSS؟
الوسائط المختلفة لها خصائص مختلفة في CSS لأنها غير حساسة لحالة الأحرف.
هم انهم:
- سمعي (لمصنعي الكلام والصوت)
- مطبعة
- تنبؤ
- محمول باليد
- شاشة
27. تحديد CSS Box Model وتحديد عناصره؟
يحدد نموذج مربع CSS تخطيط وتصميم جميع عناصر CSS. وتشمل هذه: الهامش والحدود والحشو والمحتوى.
28. ما هو محدد السياق؟
يستخدم المحدد السياقي لتحديد التكرارات الخاصة للعنصر.
29. قارن رموز الألوان السداسية العشرية مع قيم RGB؟
يمكن تفصيل اللون بطريقتين:
- حسب الأحرف ، أي الترميز السداسي عشري للألوان مع مجموعة من الأحرف والأرقام مسبوقة بـ #.
- بمزيج من الأزرق والأخضر والأحمر حيث يمكن تحديد قيمة اللون.
30. تحديد صورة متحركة مع سياق CSS؟
Image Sprites هي عملية دمج عدة صور في صورة واحدة. يقلل الوقت المستغرق في تحميل الصور ويعطي المعلومات بسرعة أكبر.
31. قارن التجميع والتعشيش في CSS؟
التجميع: في التجميع ، يمكن تقليل الكود عن طريق التجميع الحرفي للمحددات التي لها نفس الخصائص أو القيم.
التداخل: في التداخل ، يتم تحديد محدد داخل محدد آخر.
32. كيف يمكن تحديد أبعاد العنصر؟
يمكن تحديد خصائص أبعاد العنصر من خلال:
- ارتفاع
- اقصى ارتفاع
- أقصى عرض
- أدنى ارتفاع
- العرض الأدنى
- عرض
33. ما هي خاصية تعويم؟
باستخدام خاصية float ، يمكن نقل الصورة مع النص إلى اليمين أو اليسار. لا يؤدي تطبيق هذه الخاصية إلى تغيير خصائص العناصر التي يتم تطبيقها عليها.
34. كيف يعمل مؤشر Z؟
في بعض الأحيان ، أثناء وضع عناصر HTML باستخدام CSS ، قد يحدث تداخل. يساعد الفهرس Z في تحديد وتحديد العنصر المتداخل. القيمة الافتراضية لمؤشر Z هي صفر ، لكنها يمكن أن تكون رقمًا موجبًا أو سالبًا.
36. أي منها سابقة: إجراءات HTML أم خصائص CSS؟
خصائص CSS سابقة على إجراءات HTML. حتى المتصفحات التي لا تدعم CSS ، اعرض سمات HTML.
37. تحديد أسلوب مضمّن؟
يتم استخدام النمط المضمن في العناصر الفردية لـ HTML لإضافة النمط.
38. في CSS ، كيف يمكن إضافة التعليقات؟
يمكن استخدام / * و * / لإضافة تعليقات في CSS.
39. ما هو محدد السمة؟
محدد السمة هو مجموعة من القيم والعناصر وأجزائها.
40. تحديد الممتلكات؟
الخاصية هي نمط يساعد في التأثير على لغة CSS. تحتوي على خصائص أو قيم مقابلة داخلها. على سبيل المثال. الخط ، الذي يحتوي على أنماط مختلفة مثل الخط المائل والجريء وما إلى ذلك.
41. ما هو في القاعدة؟
القاعدة هي قاعدة قابلة للتطبيق على الورقة بأكملها وليس جزئيًا. يسبقه @ يليه AZ أو az أو 0-9.
42. ما هو الفرق بين CSS و CSS3؟
لا تمتلك CSS مفهوم الوحدات النمطية. يدمج CSS3 ميزة جديدة حيث يمكنه تجميع أكواد CSS في وحدات ملائمة. تضمن الوحدات النمطية أن جميع الأنماط الخاصة بمكون معين سوف تتواجد في مكان واحد. تحقق من هذه المقالة للحصول على إجابة مفصلة.
خاتمة
ستساعدك هذه المجموعة من أسئلة مقابلة CSS بشكل كبير في التحضير لمقابلة CSS. هذه أسئلة ذات احتمالية عالية ويتم طرحها بشكل متكرر في viva. تأكد من أن لديك هذه الإجابات جاهزة في حالة طرح أي من هذه الأسئلة من قبل المحاور الخاص بك.
إذا كنت ترغب في أن تكون مستعدًا بشكل أفضل لهذه المقابلة ، فقد تساعدك الدورات التدريبية مثل برنامج Executive PG في تطوير البرمجيات - التخصص في Full Stack Development . يمكنك أيضًا اختيار برامج تطوير برامج أخرى من upGrad لأنها ستجهزك لأسئلة مقابلة HTML CSS بشكل أفضل .