صفحه اصلی / css / اموزش تعریف متغیر در css3

اموزش تعریف متغیر در css3

اموزش تعریف متغیر در css3

با سلام خدمت شما بازدیدکنندگان گرامی مجله اینترنتی شماسافت در این پست از مبحث برنامه نویسی – اموزش css قصد داریم تا شما را با متغیر ها در css اشنا کنیم. پس تا پایان این مطلب «اموزش تعریف متغیر در css3» همراه ما باشید.

 

 

اموزش تعریف متغیر در css3 :

تعریف متغیر یک امر کاربردی در css می باشد جایی که شما نیاز دارید از یک تعداد رنگ یا خصوصیت مشترک بین المنت های یک صفحه استفاده کنید متغیر ها در css به کار شما می آیند.

برای شروع کافیست :root را در فایل css خود تعریف کنید متغیر هایی که از انها استفاده خواهیم کرد را در این بخش اضافه میکنیم.

فرض کنید چند المنت در صفحه وب میخواهند رنگ مشخصی داشته باشند برای اینکه کد نویسی خود را حرفه ای تر کنید بهتر است از متغیرها استفاده کنید درنتیجه از کدی مانند کد زیر می بایست استفاده کنید.

 

 

همانطور که در کد بالا میبینید ابتدا رنگ مورد نظر سبز را به عنوان یک متغیر تعریف کردیم و سپس در هنگام تعیین خصوصیت عناصر موجود در صفحه ان را به کمک var فراخوانی کردیم.

همچنین در کنار استفاده از متغیر رنگ (یا هر خصوصیت دیگری)  یک رنگ دیگر (یا هر خصوصیت دیگری) را نیز به کد خود میتوانید اضافه کنید. بدین ترتیب در صورت عدم پشتیبانی مرورگر از خصوصیت وارد شده مقدار دیگر به عنوان مقدار خصوصیت شما پذیرفته خواهد شد. در اینجا ما رنگ دیگری قرمز (red) به عنوان مقدار جایگذین قرار داده ایم. شما میتوانید از یک متغیر دیگر نیز به جای مقدار جایگذین استفاده کنید یا اصلا انها را به کار نبرید!

 

پیشنمایش مثال بالا را در زیر میتوانید ببنید.

 

See the Pen zPpqGB by s,mohamamd hosein abedy (@shomasoft) on CodePen.

 

ممنون از اینکه تا پایان این مطلب همراه ما بودید امیدواریم از این مطلب استفاده کافی را برده باشید. شما میتوانید سوالات و نظرات خود را در پایین و در بخش نظرات برای ما ارسال کنید.

 


 

پاسخ دهید

نشانی ایمیل شما منتشر نخواهد شد. بخش‌های موردنیاز علامت‌گذاری شده‌اند *