دروس CSS
-
34- معرض صور باستخدام CSS
يمكن استخدام CSS لإنشاء معرض صور. معرض الصور معرض الصور التالي مُنشئ باستخدام CSS: <html> <head> <style> div.gallery { margin:…
أكمل القراءة » -
33- قائمة منسدلة قابلة للطي باستخدام CSS
إنشاء قائمة منسدلة قابلة للطي عند التمرير باستخدام CSS قائمة منسدلة أساسية إنشاء صندوق منسدلة يظهر عند تحريك المستخدم للماوس…
أكمل القراءة » -
32- شريط تنقل CSS
عرض توضيحي: أشرطة التنقل أشرطة تنقل CSS وجود نظام تنقل سهل الاستخدام ضروري لأي موقع ويب. باستخدام CSS، يمكنك تحويل…
أكمل القراءة » -
31- خاصية opacity في CSS للتحكم بالشفافية
خاصية opacity في CSS للتحكم بالشفافية خاصية opacity تتحكم بمستوى الشفافية لأي عنصر. كلما انخفضت القيمة، كلما زادت الشفافية: opacity:…
أكمل القراءة » -
30- عناصر الحالة الزائفة (Pseudo-elements) في CSS
عناصر الحالة الزائفة هي أدوات خاصة تستخدم في CSS لتعديل وتنسيق أجزاء محددة من على سبيل المثال، يمكنك استخدام عناصر…
أكمل القراءة » -
29- فئات الحالة الزائفة (Pseudo-classes) في CSS
فئات الحالة الزائفة هي أدوات تستخدم لتحديد حالة خاصة لعناصر الـ HTML. على سبيل المثال، يمكن استخدامها لتحقيق الآتي: تنسيق…
أكمل القراءة » -
28- مركبات CSS
علامة الجمع (Combinator) هي شيء يوضح العلاقة بين المحددات (Selectors). يمكن أن يشتمل محدد CSS على أكثر من محدد بسيط…
أكمل القراءة » -
27- تصميم CSS – محاذاة العناصر أفقيًا وعموديًا
محاذاة العناصر أفقيًا وعموديًا في الوسط لتحريك عنصر كتلة (مثل <div>) إلى الوسط أفقيًا، استخدم margin: auto;. سيؤدي تعيين عرض…
أكمل القراءة » -
26- تصميم CSS – العرض: display: inline-block
قيمة العرض: display: inline-block الفرق الرئيسي بين display: inline-block و display: inline هو أن display: inline-block يسمح بتحديد عرض وارتفاع…
أكمل القراءة » -
25- تصميم CSS – تعويم ومحاذاة العناصر (float و clear)
تعويم العناصر (float): خاصية float في CSS تتحكم في كيفية تعويم عنصر بحيث يظهر على جانب واحد (يسار أو يمين)…
أكمل القراءة »