درس 50: بهینه سازی CSS و جلوگیری از کدهای تکراری

اجرای آفلاین: index.html و before.html را در مرورگر باز کنید. نیاز به نصب یا اینترنت نیست.
نسخه قبل از بازنویسی: before.html + base.css + before.css
نسخه بعد از بازنویسی: index.html + base.css + after.css
برای هر دو نسخه از فونت سیستمی Tahoma استفاده شده است.

هدف: سه پیوند با ظاهر یکسان در دو پیاده سازی، یکی تکراری و دیگری با کلاس مشترک و متغیرها.
تمرین: practice.css را بعد از after.css در index.html متصل کنید و حالت button--danger را بسازید.
پاسخ: به جای practice.css، فایل solution.css را بعد از after.css متصل کنید. هر دو را همزمان متصل نکنید.
نمونه کد اتصال: <link rel="stylesheet" href="practice.css">
پیوند هشدار فقط برای تمرین است و عملیات حذفی ندارد.

آزمایش: Tab و Enter؛ هاور؛ 320 و 768 پیکسل؛ بزرگ نمایی 200 درصد؛ کاهش حرکت در سیستم یا DevTools.
در هر دو نسخه باید ظاهر سه کارت اصلی و حالت های پیوندها یکسان بماند.
این پروژه ابزار اندازه گیری سرعت سایت نیست و کاهش مشخص زمان بارگذاری را تضمین نمی کند.
