به پایان فصل رسیدیم. تو این فصل با تعریف Custom Properties و var()، Fallback Values، Scope و Inheritance، Global و Component Variables، Theme Variables و Dark Mode، و در نهایت مدیریت Design Tokens آشنا شدیم. حالا وقتشه با ۵ سؤال، میزان تسلطتون رو بسنجیم.
CSS / Custom Properties و CSS Variables
آزمون پایان فصل: Custom Properties و CSS Variables
تمرینها
تمرین 1
در Rule زیر، اگر --card-border-color تعریف نشده باشد ولی --brand-color تعریف شده باشد، مقدار نهایی border-color چه خواهد بود؟
:root {
--brand-color: #1a73e8;
}
.card {
border-color: var(--card-border-color, var(--brand-color, #ccc));
}
برای ثبت نتیجهی این تمرین لطفاً وارد حساب کاربری خود شوید.
تمرین 2
چرا دو عنصر Sibling (همسطح و کنار هم در HTML)، نمیتوانند یک Custom Property را که فقط روی یکی از آنها تعریف شده، با هم به اشتراک بگذارند؟
برای ثبت نتیجهی این تمرین لطفاً وارد حساب کاربری خود شوید.
تمرین 3
چرا استفاده از متغیرهای نقشمحور (مثل --color-background) بهجای رنگهای خام، پایه اصلی ساخت یک سیستم Dark Mode مؤثر است؟
برای ثبت نتیجهی این تمرین لطفاً وارد حساب کاربری خود شوید.
تمرین 4
چرا تعریف یک Custom Property روی :root، دسترسی سراسری به آن را در کل سند فراهم میکند؟
برای ثبت نتیجهی این تمرین لطفاً وارد حساب کاربری خود شوید.
تمرین 5
چرا Design Tokens، از نظر مفهومی، با CSS Custom Properties یکی نیستند؟
برای ثبت نتیجهی این تمرین لطفاً وارد حساب کاربری خود شوید.