دروس CSS
-
34- معرض صور باستخدام CSS
يمكن استخدام CSS لإنشاء معرض صور.معرض الصورمعرض الصور التالي مُنشئ باستخدام CSS:<html> <head> <style> div.gallery { margin: 5px; border: 1px…
أكمل القراءة » -
33- قائمة منسدلة قابلة للطي باستخدام CSS
إنشاء قائمة منسدلة قابلة للطي عند التمرير باستخدام CSSقائمة منسدلة أساسيةإنشاء صندوق منسدلة يظهر عند تحريك المستخدم للماوس فوق عنصر<style>…
أكمل القراءة » -
32- شريط تنقل CSS
عرض توضيحي: أشرطة التنقلأشرطة تنقل CSSوجود نظام تنقل سهل الاستخدام ضروري لأي موقع ويب.باستخدام CSS، يمكنك تحويل قوائم HTML المملة…
أكمل القراءة » -
31- خاصية opacity في CSS للتحكم بالشفافية
خاصية opacity في CSS للتحكم بالشفافيةخاصية opacity تتحكم بمستوى الشفافية لأي عنصر. كلما انخفضت القيمة، كلما زادت الشفافية:opacity: 0.0 – شفافية…
أكمل القراءة » -
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 تتحكم في كيفية تعويم عنصر بحيث يظهر على جانب واحد (يسار أو يمين) من…
أكمل القراءة »