Month: June 2024

73-تصميم الويب الاستجابة – منطقة العرض (Viewport)

ما المقصود بمنطقة العرض (Viewport)؟ منطقة العرض (Viewport) هي المساحة المرئية للمستخدم لصفحة الويب. يختلف حجم منطقة العرض بناءً على…

Read More »

72- تصميم الويب الاستجابة – مقدمة

ما هو تصميم الويب الاستجابة؟ تصميم الويب الاستجابة (Responsive Web Design) يضمن مظهرًا رائعًا لصفحتك الإلكترونية على جميع الأجهزة. يعتمد…

Read More »

71-نموذج صندوق Flexbox في CSS

وحدة نموذج صندوق Flexbox في CSS قبل وحدة نموذج صندوق Flexbox، كانت هناك أربعة أنماط تخطيط: كتلة، لل أقسام في…

Read More »

70- استعلامات الوسائط CSS – أمثلة

استعلامات الوسائط CSS – المزيد من الأمثلة للق نظرة على بعض الأمثلة الأخرى على استخدام استعلامات الوسائط. تعد استعلامات الوسائط…

Read More »

69- استعلامات الوسائط CSS

قاعدة @media، التي تم تقديمها في CSS2، جعلت من الممكن تحديد قواعد أنماط مختلفة لأنواع وسائط مختلفة. وسعت استعلامات الوسائط…

Read More »

68-ترجمة نص CSS Box Sizing إلى العربية:

نموذج صندوق CSS خاصية box-sizing في CSS تسمح لنا بتضمين التبطين والحواف في العرض والارتفاع الإجمالي للعنصر. بدون خاصية CSS…

Read More »

67- متغيرات CSS – دالة var()

متغيرات CSSتُستخدم دالة var() لإدراج قيمة متغير CSS. تحصل المتغيرات CSS على وصول إلى DOM، مما يعني أنه يمكنك إنشاء…

Read More »

66- واجهة مستخدم CSS

في هذا الفصل، ستتعلم عن خصائص واجهة مستخدم CSS التالية: تغيير الحجم (resize): تحدد هذه الخاصية ما إذا كان يمكن…

Read More »

65-CSS تخطيط الأعمدة المتعددة

تتيح خاصية تخطيط الأعمدة المتعددة في CSS سهولة تعريف أعمدة نصية متعددة – تمامًا مثل الصحف: خصائص أعمدة متعددة في…

Read More »

64- أمثلة على ترقيم الصفحات باستخدام CSS

تعلم كيفية إنشاء ترقيم للصفحات يستجيب لحجم الشاشة باستخدام CSS. ترقيم الصفحات البسيط إذا كان موقع الويب الخاص بك يحتوي…

Read More »