آموزش مقدماتی
ساختار مشترک کارت ها را یک بار تعریف کنید و فقط تفاوت ها را جدا بنویسید.
شروع تمریندوره HTML و CSS | درس 50
یک پایه، چند حالت
ظاهر این صفحه در نسخه قبل و بعد یکسان است. برای مقایسه، فایل before.html را هم باز کنید.
تمرین مستقل
رنگ هر پیوند با کلاس تغییردهنده مشخص می شود؛ فاصله و کادر مشترک باقی می مانند.
مشاهده تمرینمرور درس
حالت هاور، فوکوس و نمایش موبایل را پس از هر تغییر دوباره بررسی کنید.
چک لیست بررسیتمرین: حالت هشدار
برای پیوند زیر فقط کلاس button--danger را در practice.css تکمیل کنید. پایه button را دوباره ننویسید.
بررسی نمونه هشداراین یک پیوند آموزشی است؛ هیچ اطلاعاتی را حذف نمی کند.
آزمایش دستی
- با Tab به هر پیوند برسید و کادر فوکوس را ببینید.
- عرض پنجره را به 320 و سپس 768 پیکسل تغییر دهید.
- اندازه متن را 200 درصد کنید؛ محتوا باید قابل خواندن بماند.
- نسخه before.html و این صفحه را در وضعیت های یکسان مقایسه کنید.