المتغيرات
جزء من قسم Practical Frontend في رحلة HTML على Coddy — الدرس 1 من 35.
بينما تقوم بإنشاء مواقع ويب أكبر وأكثر تعقيداً، تصبح إدارة الألوان أو الأحجام أو الخطوط المتكررة أكثر صعوبة. فتغيير قيمة واحدة يعني التحديث في أماكن كثيرة.
متغيرات CSS تتيح لك حفظ هذه القيم كأسماء (مثل --main-color) وإعادة استخدامها في جميع أنحاء ملف CSS الخاص بك. قم بتغيير المتغير مرة واحدة، وسيتم تحديثه في كل مكان تلقائيًا.
إنها مفيدة جداً للحفاظ على نظافة واتساق الكود، ويستخدمها العديد من المطورين لبناء مواقع ويب حديثة.
اختبر نفسكيتضمن هذا الدرس اختبارًا قصيرًا. ابدأ الدرس للإجابة عليه وتتبّع تقدمك.
اختبر نفسكيتضمن هذا الدرس اختبارًا قصيرًا. ابدأ الدرس للإجابة عليه وتتبّع تقدمك.
ورقة مرجعية
تتيح لك متغيرات CSS حفظ القيم كأنساق (أسماء) وإعادة استخدامها في جميع أنحاء ملف CSS الخاص بك. فهي تساعد في الحفاظ على الكود نظيفاً ومتسقاً.
قم بتعريف المتغيرات باستخدام البادئة -- واستخدمها مع var():
:root {
--main-color: blue;
}
.element {
color: var(--main-color);
}قم بتغيير المتغير مرة واحدة وسيتم تحديثه في كل مكان تلقائياً.
جرّب بنفسك
لا يتضمّن هذا الدرس تحدّيًا برمجيًا.
اختبر نفسكيتضمن هذا الدرس اختبارًا قصيرًا. ابدأ الدرس للإجابة عليه وتتبّع تقدمك.