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

المحدد Selector في CSS هو الجزء الذي يختار العناصر التي سيُطبَّق عليها التنسيق: باسم الوسم أو الكلاس أو المعرّف. الفرق بين Selector…

Tailwind CSS إطار يعتمد على كلاسات صغيرة جاهزة، ويحذف عند البناء كل ما لم تستخدمه، فيبقى ملف CSS صغيرًا. مقارنة مع Bootstrap.

الخاصية clip-path مع polygon() تقص العنصر إلى أي شكل، مثل نجمة خماسية. مثال كامل، وأشكال أخرى مثل الدائرة والمثلث.

لإضافة طبقة لونية داكنة (Overlay) فوق قسم: position: relative للأب، و::before مطلق يغطيه بلون rgba شفاف. مثال كامل.

a:hover في CSS يغير تنسيق الرابط عندما يمرر الزائر المؤشر فوقه. أمثلة، والفرق بين :hover و:focus و:active.

العنصر الزائف ::after في CSS يضيف محتوى في نهاية العنصر باستخدام content. مثال div::after {content: “hello”} واستخدامات عملية.

العنصر الزائف ::before في CSS يضيف محتوى قبل محتوى العنصر باستخدام content. مثال div::before {content: “hello”} واستخدامات عملية.

لعكس صورة أفقيًا كالمرآة في CSS استخدم transform: scaleX(-1). وللعكس العمودي scaleY(-1). أمثلة واستخدام عملي للأيقونات في RTL.

المحدد :has() في CSS يختار العنصر الأب حسب ما يحتويه، مثل div:has(img) لكل div فيه صورة. أمثلة عملية ودعم المتصفحات.

الخاصية writing-mode في CSS تحدد اتجاه تدفق النص: أفقي أو عمودي. أمثلة على vertical-rl، والفرق بينها وبين direction.

inset-block-start خاصية CSS منطقية تقابل top في الكتابة الأفقية مثل العربية والإنجليزية. شرح الخصائص المنطقية inset ومتى تفيد.