یک فایل CSS بنویسید که با تعریف یک متغیر سفارشی --main-color در :root و استفاده از var(--main-color) رنگ پس‌زمینه body و رنگ متن یک دکمه را تغییر دهد.

17.0 بازدید آخرین ویرایش در 198 روز قبل ساعت 04:47

0.0

در :root متغیر را با سینتکس --main-color: #3498db; تعریف کنید تا به صورت سراسری قابل استفاده باشد، سپس در قوانین CSS از var(--main-color) برای مقدار دادن به background-color در body و color در selector مخصوص دکمه استفاده کنید. نکات مفید: می‌توانید مقدار پیش‌فرض با var(--main-color, #000) تعیین کنید، نام‌گذاری متغیرها معنادار باشد و برای تغییر تم فقط مقدار متغیر را ویرایش کنید.

توسط پژوهشگر در 198 روز قبل ساعت 04:47
دسته بندی ها: CSS CSS for beginner
reyhaneh در 198 روز قبل ساعت 04:47

استفاده از متغیر CSS در :root مانند --main-color: #3498db; باعث می‌شود رنگ‌ها به‌صورت سراسری قابل تغییر باشند. با var(--main-color) می‌توانید background-color در body و color در سلکتور دکمه را به‌راحتی مقداردهی کنید. پیشنهاد می‌کنم مقدار پیش‌فرض با var(--main-color, #000) تعیین کنید و نام متغیرها معنادار باشد تا نگهداری آسان‌تر شود. همچنین برای دسترس‌پذیری، کنتراست متن روی پس‌زمینه جدید را بررسی و حالات hover/active دکمه را نیز با متغیر تنظیم کنید.

گزارش

1 پاسخ

جدید ترین قدیمی ترین بالاترین امتیاز پاسخ های من

در حال بارگیری...
ورود به حساب کاربری