دروس لغة css

خاصية Padding في CSS

كيفية استخدام العنصر  Padding في CSS التعريف  : خاصية Padding في CSS تسمح لك خاصية padding في CSS بتحديد فجوات الحشو المختلفة على الجوانب الأربعة لمحتوى العنصر ، ويتمثل ذلك في ترك مساحة بين المحتوى والحدود .  المساحة المتروكة للعنصر هي المسافة بين محتواه وحدوده. خاصية الحشو هي خاصية مختصرة …

خاصية Padding في CSS اقرأ المزيد »

إنشاء قوائم نقطية ومرقمة بألوان مختلفة في الووردبريس

المقدمـة: إنشاء قوائم نقطية ومرقمة بألوان مختلفة في الووردبريس هل سبق لك أن رغبت في عمل قائمة تكون فيها الشرائح والأرقام ملونة بلون مختلف عن لون النص ، كما في هذا المثال؟ ∴ هنا تتعلم تلويل قرص القائمة ♦ هنا تتعلم تلوين دائرة القائمة ∴ هنا تتعلم تلوين مربع القائمة  …

إنشاء قوائم نقطية ومرقمة بألوان مختلفة في الووردبريس اقرأ المزيد »

إنشاء خط فاصل أفقي hr

الخط الأفقـي hr مختصر للعبارة : horizontal rule  ♦ إنشاء خط فاصل أفقي hr كيف يتم إنشاء خط فاصل أفقي hr بين الفقرات في المقالة؟  إنشاء خط فاصل أفقي hr جاءتني فكرة تحرير هذا الدرس منذ مدة، وكلما عادت إليَّ الفكرة أحاول تجاهلها، لأنني كنت أحسب مثل هاته المعلومات جد …

إنشاء خط فاصل أفقي hr اقرأ المزيد »

دمج خلايا الجداول في HTML

 ماذا تعني لك فكرة دمج خلايا الجدول؟ دمج خلايا الجداول في HTML بعد أن تعلمنا أساسيات إنشاء جدول في HTML، وصلنا اليوم إلى نقطة دمج الخلايا لتوسيع مساحة العمل في الجدول. ≡  كيفية دمج الخلايا مع بعضها   في بعض الجداول المعقدة ، ستحتاج إلى  دمج  الخلايا مع بعضها البعض. …

دمج خلايا الجداول في HTML اقرأ المزيد »

تغيير خلفيات الجداول على صفحات HTML

السلام عليكم ورحمة الله تغيير خلفيات الجداول والخلايا على صفحات HTML باستخدام  background-color   🌓 إذا كنتم مازلتم تذكرون درس إضافة الخلفية في CSS، الذي تطرقت فيه إلى كيفية تغيير خلفية صفحات الويب سواء كانت الخلفية باللــون أو الصورة، في الحقيقة كان درساً رائعاً !🏅🎖 واليوم ومع ظهور CSS3 تغير الحال …

تغيير خلفيات الجداول على صفحات HTML اقرأ المزيد »

إنشاء تأثيرات دينامية على المظهر

ما كان يحلم به مشرفو مواقع الويب أصبح حقيقةً وواقعاً ملموساً بفضل CSS3 . اليوم أصبح متاحاً لنا التحكم بتأثيرات  مظهر عناصر صفحات الويب، وهي من الميزات التي كان ينتظرها السواد الأعظم من أصحاب المواقع، بحيث أن مطوري الواجهات الأمامية أصبحوا يقتصرون على HTML و CSS لإنشاء تأثيرات الانتقال « …

إنشاء تأثيرات دينامية على المظهر اقرأ المزيد »

إنشاء الحدود والظلال في CSS3

الآن سندخل فصلاً آخر من الدروس التعليمية  لخصائص CSS ، التي تعتبر غاية في الأهمية وجد مطلوبة، لأنها تؤدي وظائف أساسية تساهم في  إعطاء صفحات الويب المظهر الجميل و التنسيق المقبول لتصفح مريح  و جذاب . هاته الخصائص تتمثل في إنشاء الحدود ( les bordures ) و التأثيرات التظليلية  التي …

إنشاء الحدود والظلال في CSS3 اقرأ المزيد »

إنشاء الحدود في CSS

الحدود القياسية: نظراً لأهمية الحدود في تزيين صفحات الويب، فإن CSS  وفَّـر لنا مجموعة كبيرة من الحدود بخصائص تساعدنا على تغيير مظهر و شكل تلك الحدود  كما سنرى في  هذا الدرس. border-width , border-color , border-style… للوصول إلى ما هو مهم في هذا الدرس ، أقترح  أن تستخدم مباشرة خاصية  border

إنشاء الحدود في CSS اقرأ المزيد »

الحدود الدائرية border-radius في CSS

الحدود الدائرية ” نصف قُطر ”  الحدود الدائرية border-radius في CSS الحدود الدائرية ، وما أدراك ما هي ! إنها الأمنية الخالدة التي ظل مشرفو المواقع يترقبون تحقيقها منذ ولادة  CSS3 ، لقد أصبح اليوم من السهل إنشائها و بسهولة ! تتيح لنا خاصية border-radius إضافة زوايا مدورة لأي عنصر …

الحدود الدائرية border-radius في CSS اقرأ المزيد »

الظلال في CSS

Les ombres أو الظلال في CSS  الظلال هي واحدة من الابتكارات الحديثة التي جاء بها CSS3. مع ظهور الجيل الجديد من CSS، لم تعد هناك صعوبة في إضافة الظلال إلى صفحاتنا!  يكفي كتابة سطر واحد من برمجة  CSS للتأثير على محتويات صفحتنا. وسنعرج خلال شرحنا على نوعين من الظلال: ظلال …

الظلال في CSS اقرأ المزيد »

انتقل إلى أعلى