متغيرات الـ CSS3 جدا مفيدة في ترتيب الكود وإنك تخليه نظيف
ماتعرفها؟ بهذا الكود بشرحها لك بمثال عملي
ماتعرفها؟ بهذا الكود بشرحها لك بمثال عملي
كبداية , عندنا كود بسيط هنا
مجرد div فيه h1 و p
وكود الـ CSS الموجود ماله علاقة بالمتغيرات , بس عشان الشكل يكون أفضل شوي وعشان نحط الـ div بالنص
مجرد div فيه h1 و p
وكود الـ CSS الموجود ماله علاقة بالمتغيرات , بس عشان الشكل يكون أفضل شوي وعشان نحط الـ div بالنص
لو تلاحظ في خاصية الـ linear-gradient استخدمنا الـ hex code عشان نحدد نوع اللون الي نبغاه
هل هذا الشيء خطأ؟ طبعا لا
بس تخيل معي بتصميم أكبر من كذا بكثير .. لما يكون عندي أشياء كثيرة ابغى أعطيها نفس اللون , هل راح تكون فكرة كويسة إني استخدم الـ hex code وقتها؟
هل هذا الشيء خطأ؟ طبعا لا
بس تخيل معي بتصميم أكبر من كذا بكثير .. لما يكون عندي أشياء كثيرة ابغى أعطيها نفس اللون , هل راح تكون فكرة كويسة إني استخدم الـ hex code وقتها؟
طبعا لا , لأنك لو في مرحلة ما من البرمجة حبيت تغير هاللون , راح تضطر تغير الـ hex code بكل مكان !
يصير .. ايش الحل؟
الـ CSS حلت هالمشكلة عن طريق تقديم فكرة المتغيرات
خلونا نشوف هالشيء سوا بالتغريدة الجاية
يصير .. ايش الحل؟
الـ CSS حلت هالمشكلة عن طريق تقديم فكرة المتغيرات
خلونا نشوف هالشيء سوا بالتغريدة الجاية
زي مانشوف نفس النتيجة لكن استخدمنا المتغيرات .. بس فيه كذا حاجة غريبة, ايش يعني
:root ?
وليش المتغيرات كلها تبدأ بـ -- ؟ وايش هالدالة الي اسمها var ؟
:root ?
وليش المتغيرات كلها تبدأ بـ -- ؟ وايش هالدالة الي اسمها var ؟
أول شيء الـ root في هذي الحالة وبما إننا نتعامل مع HTML File راح يعتبر الـ html tag بمعنى لو انك بهذي الحالة شلت الروت وحطيت الـ html الكود راح يشتغل معاك تمام
اوكي بس ليش نعرف المتغيرات هناك؟
ببساطة عشان تكون global ويمديك تستخدمها بكامل الملف
اوكي بس ليش نعرف المتغيرات هناك؟
ببساطة عشان تكون global ويمديك تستخدمها بكامل الملف
بالنسبة للـ -- قبل المتغيرات , هذي إجبارية.
أي متغير في الـ CSS لازم يبدأ فيهم
وأخيرا بالنسبة لدالة الـ var , لما تجي تبغى تستخدم أي متغير عرفته لازم تستخدم هالدالة, مايمديك تحط إسم المتغير وخلاص
أي متغير في الـ CSS لازم يبدأ فيهم
وأخيرا بالنسبة لدالة الـ var , لما تجي تبغى تستخدم أي متغير عرفته لازم تستخدم هالدالة, مايمديك تحط إسم المتغير وخلاص
* النهاية *
أتمنى كان ثريد خفيف وفادكم بشيء جديد
إذا مهتم تشوف ثريدات برمجية زي هذا تابع حسابي @Webnprog
ورتويت عشان توصل المعلومة لأكبر قدر من الناس❤️
شكرا لكم
أتمنى كان ثريد خفيف وفادكم بشيء جديد
إذا مهتم تشوف ثريدات برمجية زي هذا تابع حسابي @Webnprog
ورتويت عشان توصل المعلومة لأكبر قدر من الناس❤️
شكرا لكم
جاري تحميل الاقتراحات...