الصفحة الرئيسية>دروس تصميم الويب> دروس CSS
الكل البرنامج التعليمي لبرنامج دريمويفر دروس جافا سكريبت تعليمي HTML دروس CSS النصائح والحيل البرنامج التعليمي لـ DHTML المؤثرات الخاصة على شبكة الإنترنت توحيد الويب
دروس CSS
  • تحليل شامل لاستعلامات وسائط CSS (@media)

    تحليل شامل لاستعلامات وسائط CSS (@media)

    تحليل شامل لاستعلام وسائط CSS (@media) مع الانتشار السريع للأجهزة المحمولة، لم يعد المستخدمون يتصفحون محتوى الويب من خلال أنظمة الكمبيوتر التقليدية فحسب، بل بدأ المزيد والمزيد من المستخدمين في استخدام الهواتف الذكية أو الأجهزة اللوحية أو الأجهزة الأخرى ذا
    2024-11-21
  • خاصية الزاوية المستديرة في CSS (نصف القطر الحدودي)

    خاصية الزاوية المستديرة في CSS (نصف القطر الحدودي)

    سمة الزاوية المستديرة في CSS (نصف القطر الحدودي) أثناء إنشاء صفحات الويب، قد نحتاج أحيانًا إلى تحقيق تأثير الزوايا الدائرية. كانت الطريقة السابقة هي قص مسودة التصميم إلى صور يمكن تحويلها بسهولة إلى صفحات، باستخدام عدة صفحات صورة الخلفية لتحقيق زوايا مدورة
    2024-11-21
  • صورة حدود CSS (صورة حدودية)

    صورة حدود CSS (صورة حدودية)

    صورة حدود CSS (صورة حدودية) بالنسبة لحدود العنصر، بالإضافة إلى استخدام بعض الأنماط الافتراضية التي تم تقديمها من قبل، يمكننا أيضًا استخدام الصور كحدود للعنصر من خلال خاصية border-image في CSS3 لإنشاء صورة ملونة تأثير الحدود. يمكن تمرير سمة border-image من
    2024-11-21
  • لون التدرج CSS (التدرج اللوني)

    لون التدرج CSS (التدرج اللوني)

    لون التدرج CSS (تدرج اللون) يشير التدرج في CSS إلى الانتقال السلس بين لونين أو أكثر. في الماضي، كان علينا استخدام صور محددة مسبقًا لتحقيق تأثير التدرج. يوفر CSS3 طريقة مرنة لتحقيق تأثير التدرج. حل. من خلال CSS3 يمكنك تحديد ثلاثة أنواع من التدرجات وهي التد
    2024-11-21
  • تأثير الظل CSS

    تأثير الظل CSS

    تأثير الظل CSS تأثير الظل CSS هو خاصية CSS نستخدمها كثيرًا، ولكن هل فهمتها بعناية؟ هل تحتاج فقط إلى نسخه مباشرةً من Blue Lake عند استخدامه؟ هل تفهم كل معلمة من معلماته؟ ما هي التأثيرات الجميلة التي يمكن تحقيقها باستخدام الظلال؟ غالبًا ما تُستخدم تأثيرات ا
    2024-11-21
  • نموذج تحويل ثنائي الأبعاد في CSS3

    نموذج تحويل ثنائي الأبعاد في CSS3

    نموذج التحويل ثنائي الأبعاد في CSS3 يتيح لنا التحويل ثنائي الأبعاد في CSS إجراء بعض عمليات التحويل الأساسية في مساحة ثنائية الأبعاد، مثل التحرك أو التدوير أو القياس أو الالتواء وما إلى ذلك. العناصر المحولة تشبه العناصر التي تم وضعها بشكل مطلق ولن تؤثر على
    2024-11-21
  • محددات CSS

    محددات CSS

    محدد CSS CSS: هو اختصار CascadingStyleSheet، ويُترجم بـ [Cascading Style Sheet]، وهو عبارة عن مجموعة من قواعد التنسيق. هي لغة ترميزية تستخدم للتحكم (المحسّن) في تصميم صفحة الويب والسماح بفصل معلومات النمط عن محتوى الويب. تكوين CSS: تعريف CSS هو...
    2024-11-20
  • تنسيق بناء الجملة الأساسي لـ CSS

    تنسيق بناء الجملة الأساسي لـ CSS

    تنسيق بناء الجملة الأساسي لـ CSS CSS (CascadingStyelSheet) عبارة عن سلسلة من قواعد التنسيق التي تتحكم في مظهر صفحات الويب، وهي إحدى الأدوات التي لا غنى عنها لتصميم الويب. بعد ذلك سنبدأ في تعلم تنسيق بناء الجملة الأساسي لـ CSS. 1. قواعد تعريف CSS تعد ورقة
    2024-11-20
  • البرنامج التعليمي للبدء في CSS

    البرنامج التعليمي للبدء في CSS

    البرنامج التعليمي التمهيدي لـ CSS CSS، الاسم الكامل هو CascadingStyleSheets، والمعروف أيضًا باسم أوراق الأنماط المتتالية، وهي لغة كمبيوتر تستخدم لإضافة أنماط (الخطوط والمسافات والألوان وما إلى ذلك) إلى المستندات المنظمة (مثل مستندات HTML أو تطبيقات XML)،
    2024-11-20
  • نموذج تحويل ثلاثي الأبعاد في CSS3

    نموذج تحويل ثلاثي الأبعاد في CSS3

    نموذج تحويل ثلاثي الأبعاد في CSS3 تحويل CSS3D في CSS، بالإضافة إلى التحويل ثنائي الأبعاد للعناصر الموجودة على الصفحة، يمكنك أيضًا إجراء تحويل ثلاثي الأبعاد لعناصر الكائن (فكر في الصفحة كمساحة ثلاثية الأبعاد لنقل العناصر وتدويرها على الصفحة، عمليات التكبير
    2024-11-14
  • تأثير انتقال CSS (الانتقال)

    تأثير انتقال CSS (الانتقال)

    تأثير انتقال CSS (انتقال) عادةً عندما تتغير قيمة خاصية CSS، سيقوم المتصفح فورًا بتحديث النمط المقابل، على سبيل المثال، عندما يمرر الماوس فوق العنصر، سيتم تطبيق النمط المحدد من خلال محدد :hover على العنصر على الفور. تمت إضافة ميزة الانتقال إلى CSS3 والتي ت
    2024-11-14
  • الرسوم المتحركة CSS

    الرسوم المتحركة CSS

    الرسوم المتحركة CSS (الرسوم المتحركة) نعلم من الدراسات السابقة أنه يمكن تحقيق الرسوم المتحركة الانتقالية البسيطة باستخدام سمة الانتقال، ولكن الرسوم المتحركة الانتقالية يمكنها فقط تحديد حالتي البداية والنهاية، ويتم التحكم في العملية بأكملها بواسطة وظيفة مح
    2024-11-14
  • تخطيط CSS3 متعدد الأعمدة (متعدد الأعمدة)

    تخطيط CSS3 متعدد الأعمدة (متعدد الأعمدة)

    تخطيط CSS3 متعدد الأعمدة (متعدد الأعمدة) تخطيط متعدد الأعمدة (متعدد الأعمدة) تخطيط متعدد الأعمدة هو تصميم محتوى النص في تخطيط متعدد الأعمدة مثل الصحيفة. بمعنى آخر، التدفق الشلالي الذي تمكنا من تحقيقه من خلال js أو JQuery من قبل يمكن تحقيقه مباشرة من خلال
    2024-11-14
  • مرشح CSS

    مرشح CSS

    مرشح CSS (مرشح) عند الحديث عن المرشحات، فإن أول ما قد يفكر فيه الجميع هو برامج الرسم مثل PhotoShop، حيث يمكن تجميل الصور من خلال مرشحات مثل هذه البرامج. في CSS، يمكننا تحقيق العديد من تأثيرات المرشحات دون استخدام أي برنامج، مثل تأثير التمويه، وتأثير الشفا
    2024-11-14
  • تخطيط CSS المرن/مربع مرن (تخطيط مرن)

    تخطيط CSS المرن/مربع مرن (تخطيط مرن)

    تخطيط CSS المرن/الصندوق المرن (التخطيط المرن) flex هو اختصار لـ Flexbox، ويُترجم على أنه "تخطيط مرن"، ويستخدم لتوفير أقصى قدر من المرونة لنموذج الصندوق، ويمكن تعيين أي حاوية كتخطيط مرن، ما عليك سوى تعيين "display:" ثني&……
    2024-11-14
الصفحة السابقة 1234567الصفحة التالية