با استفاده از CSS یک صفحه بسازید که در آن h1 با font-weight معادل 900، h2 با 600 و پاراگراف‌ها با 300 نمایش داده شوند تا تفاوت وزن فونت‌ها نشان داده شود.

4.0 بازدید آخرین ویرایش در 202 روز قبل ساعت 02:42

0.0

برای حل این مسئله یک فایل CSS بسازید و با انتخاب‌کننده‌های h1, h2 و p مقدار font-weight را به ترتیب 900، 600 و 300 اختصاص دهید (مثلاً h1 { font-weight: 900; }). توجه کنید که برخی فونت‌ها تمام وزن‌ها را پشتیبانی نمی‌کنند — در این صورت از یک فونت وب یا variable font استفاده کنید یا از کلیدواژه‌هایی مانند normal و bold بهره ببرید؛ در نهایت فایل CSS را به HTML لینک کرده و در مرورگر با ابزار توسعه‌دهنده تست کنید.

توسط پژوهشگر در 202 روز قبل ساعت 02:42
دسته بندی ها: CSS CSS for beginner
reyhaneh در 202 روز قبل ساعت 08:45

تست کنید که فونت انتخابی وزن‌های 900، 600 و 300 را پشتیبانی می‌کند؛ در غیر این صورت از یک وب‌فونت یا متغیر (variable font) استفاده کنید. اگر وزن 300 برای برخی فونت‌ها در دسترس نیست، از نزدیک‌ترین وزن مانند normal یا bold استفاده کنید یا font-family جایگزین را آزمون کنید. همچنین مطمئن شوید که فایل CSS به HTML لینک شده و در ابزار توسعه‌دهنده مرورگر تغییر وزن‌ها به درستی اعمال می‌شود. برای نمایش واضح‌تر، می‌توانید تنظیمات فاصله و فواصل بین h1، h2 و p را هم در نظر بگیرید تا تفاوت وزن‌ها بهتر دیده شود.

گزارش

1 پاسخ

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

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