تتمثل إحدى طرق جعل موقع الويب الخاص بك تفاعليا وممتعا من الناحية الجمالية في تغيير لون النص عند التمرير. تتيح هذه الميزة للمستخدمين رؤية التغييرات على الصفحة عند التفاعل مع العناصر ، مما يجعل تجربتهم أكثر متعة ولا تنسى.
يمكننا استخدام كس لتغيير لون النص على تحوم. كس ، أو أوراق الأنماط المتتالية ، تسمح لنا بتحديد مظهر العناصر على صفحة الويب الخاصة بنا. باستخدام كس ، يمكننا تعيين لون جديد للنص عندما يحوم المؤشر فوق عنصر ، وعندما يترك المؤشر العنصر ، إرجاع اللون الأصلي. يمكن القيام بذلك باستخدام الفئة الزائفة: تحوم.
بناء الجملة لتغيير لون النص عند التمرير هو كما يلي:
محدد: تحوم {"{ " } اللون: نيوكولور ؛ {"}"}
هنا محدد هو اسم الفئة أو المعرف أو علامة العنصر الذي نريد تطبيق تغيير لون النص عليه. نيوكولور هو لون النص الجديد الذي نريد تعيينه عند التمرير فوقه. على سبيل المثال ، إذا أردنا تغيير لون النص إلى اللون الأحمر ، فعندئذ جديدسيكون اللون مساويا لـ "أحمر".
- أساسيات المغلق
- أوراق الأنماط المتتالية (كس)
- تغيير خاصية اللون
- تحوم الماوس
- تغيير لون النص على تحوم
- أمثلة على استخدام كس لتغيير لون النص
- مثال 1: تغيير لون النص
- مثال 2: تغيير لون النص عند التمرير
- مثال 3: تغيير لون خلفية النص
- مثال 4: تغيير نمط التسطير للنص
- سؤال وجواب
أساسيات المغلق المغلق (أوراق الأنماط المتتالية) هي لغة نمط تستخدم لوصف مظهر وتنسيق صفحات الويب. كس يفصل هيكل ومحتوى وثيقة من العرض التقديمي ، مما يسمح لك بسهولة تغيير نمط ومظهر صفحات الويب.
المبادئ الأساسية وميزات كس:
- كس يسمح لك لتعيين أنماط لعناصر محددة من صفحة ويب ، وكذلك لمجموعة من العناصر.
- يحتوي كس على مجموعة واسعة من الخصائص والقيم التي تسمح لك بالتحكم في الألوان والخطوط والأحجام والهوامش والحدود والجوانب الأخرى لعرض المستند.
- يمكن تعيين النمط مباشرة في علامات هتمل أو وضعها في ملف كس منفصل وتعلق على المستند.
- يمكن توريث الأنماط من العناصر الأصلية وإعادة تعريفها لتغيير تمثيل العناصر الداخلية.
- يدعم كس الطبقات الزائفة والعناصر الزائفة التي تسمح بتطبيق الأنماط على حالات معينة من العناصر أو أجزاء من النص (على سبيل المثال ، عند تحريك المؤشر).
- تتيح لك المحددات في كس تحديد العناصر بناء على نوعها وفئتها ومعرفها وسماتها الأخرى.
- كما يسمح المغلق لك لخلق الرسوم المتحركة والانتقالات بين الدول من العناصر.
يتيح لك استخدام كس إنشاء صفحات ويب جمالية وقابلة للقراءة ، فضلا عن توفير المرونة والسهولة في تغيير النمط والمظهر. مع الأخذ بعين الاعتبار جميع ميزات كس يسمح لك لإنشاء تطبيقات الويب متعددة الوظائف والتفاعلية باستخدام لغات الترميز.
أوراق الأنماط المتتالية (كس)
أوراق الأنماط المتتالية (كس) هي واحدة من الأدوات الرئيسية لتصميم صفحات الويب. أنها تسمح لك بتغيير مظهر عناصر هتمل مثل النص والصور والجداول ، وأكثر من ذلك.
باستخدام كس ، يمكنك تحديد أنماط مختلفة لعناصر مختلفة من صفحة ويب. على سبيل المثال ، يمكنك تعيين لون النص والخط وأحجام العناصر والهوامش والخلفيات والمزيد. كما يسمح المغلق لك لخلق الرسوم المتحركة ، وتطبيق الانتقال والتحول الآثار ، والتكيف مع صفحات الويب لأجهزة مختلفة.
.
وتعيين القيمة بتنسيق رمز اللون السداسي العشري أو باستخدام اسم اللون باللغة الإنجليزية.
.
تتيح لك مجموعة متنوعة من خصائص وقيم كس إنشاء صفحات ويب فريدة وجذابة. استخدام أوراق الأنماط المغلق لإعطاء صفحات الويب الخاصة بك الشخصية والأداء الوظيفي!
تغيير خاصية اللون
باستخدام كس ، يمكنك بسهولة تغيير لون النص على صفحة ويب. يتم استخدام خاصية اللون لهذا الغرض.
بناء جملة خاصية اللون
: اللون: القيمة;
يمكن تعيين القيمة بتنسيقات مختلفة:
- أسماء الألوان: يمكنك استخدام أسماء الألوان مثل "أحمر" (أحمر) ، "أخضر" (أخضر) ، "أزرق" (أزرق) ، إلخ.
- رمز سداسي عشري: يمكنك استخدام رمز لون سداسي عشري بدءا من الحرف"#". على سبيل المثال ، "#ف 0000 " للأحمر.
- قيم رغب: يمكنك استخدام قيم رغب (الأحمر والأخضر والأزرق) لتحديد اللون. على سبيل المثال ، "رغب(255 ، 0 ، 0)" للأحمر.
مثال على استخدام اللون:
ف الملكية {
اللون: أزرق;
}
في هذا المثال ، سيكون لكل الفقرات الموجودة على صفحة الويب لون نص أزرق.
لتغيير لون النص عند التمرير ، يمكنك استخدام الفئة الزائفة:تحوم. على سبيل المثال:
ص: تحوم {
اللون: أحمر;
}
في هذا المثال ، سيكون النص الموجود داخل الفقرة باللون الأحمر عندما يحوم مؤشر الماوس فوقه.
تحوم الماوس
أحد أكثر تفاعلات المستخدم شيوعا مع صفحات الويب هو تحريك مؤشر الماوس فوق عناصر الصفحة. باستخدام الماوس تحوم يسمح مطوري الويب لإضافة التفاعل والمؤثرات البصرية لعناصر صفحة ويب.
في كس ، هناك عدة طرق لتغيير مظهر عنصر على تحوم الماوس. واحدة من أسهل الطرق هي تغيير لون النص. للقيام بذلك ، يمكنك استخدام الفئة الزائفة :تحوم.
الفئة الزائفة: يتم تطبيق التمرير على عنصر عندما يحوم المستخدم فوقه بالماوس. لتغيير لون النص عند تحريك الماوس ، تحتاج إلى استخدام خاصية اللون وتعيين اللون المطلوب.
مثال على استخدام الفئة الزائفة: تحوم لتغيير لون النص: