أسئلة CSS بإجاباتها

overflow: hidden يخفي المحتوى الزائد خارج حدود العنصر دون شريط تمرير. الفرق بين hidden وauto وscroll، واستخدامات شائعة.

position: absolute يضع العنصر بالنسبة لأقرب أب له position غير static، ويُخرجه من تدفق الصفحة. مثال على شارة في زاوية بطاقة.

z-index في CSS يحدد ترتيب طبقات العناصر المتراكبة: الأعلى قيمة يظهر فوق. لماذا لا يعمل أحيانًا، ومثال على نافذة منبثقة.

الكلاس في CSS يحدد مجموعة من عناصر HTML لتطبيق تنسيق واحد عليها، ويمكن للعنصر أن يحمل أكثر من كلاس. أمثلة.

display: none يخفي العنصر تمامًا من الصفحة فلا يأخذ أي مساحة ولا تقرؤه قارئات الشاشة. الفرق بينه وبين visibility: hidden وopacity: 0.

useState في React يدير حالة القيم داخل المكون، ويعيد رسم الواجهة تلقائيًا عند تغيرها. مثال على حقل نص يعرض ما يُكتب.

الـ id فريد ويُستخدم لعنصر واحد في الصفحة، والـ class يمكن تكراره على عناصر كثيرة. مثال قصير والاستخدام المناسب لكل منهما.

القيمة inherit في CSS تجعل الخاصية تأخذ قيمتها من العنصر الأب. أمثلة، والفرق بين inherit وinitial وunset.

opacity: 0 يجعل العنصر شفافًا تمامًا مع بقاء مكانه وتفاعله. الفرق بين opacity وvisibility: hidden وdisplay: none.

قيم position في CSS: static الافتراضية، وrelative، وabsolute، وfixed، وsticky. ماذا تفعل كل قيمة مع مثال.

CSS هي التي تضيف الأنماط إلى صفحات الويب. ثلاث طرق لإضافتها: ملف خارجي، ووسم style، والخاصية style، وأفضلها الملف الخارجي.

الخاصية color في CSS تحدد لون النص داخل العنصر، بالأسماء أو HEX أو rgb أو hsl. أمثلة، واستخدام currentColor.

محدد الكلاس .name يختار كل العناصر التي تحمل الكلاس نفسه، ومحدد المعرّف #name يختار عنصرًا واحدًا فريدًا. أمثلة، ولماذا يُفضَّل الكلاس للتنسيق.