درس 27 ارومیا دیزاین: display در CSS
1. ZIP را استخراج کنید و index.html را در مرورگر باز کنید.
2. نمونه‌های block، inline و inline-block را مقایسه کنید.
3. در style.css مقدار width و height را تغییر دهید. در لینک متنی inline اثری بر اندازه جعبه ندارد.
4. width: 160px را از .item حذف کنید و رفتار block را ببینید؛ سپس برگردانید.
5. پنجره را باریک کنید؛ نمونه inline-block باید به سطر بعد برود.
6. برای تمرین، فقط لینک‌های داخل .answer را استایل دهید؛ نمونه‌های بالای صفحه نباید تغییر کنند.
7. پاسخ solution.css است. برای فعال کردن، بعد از لینک style.css این خط را در head اضافه کنید:
<link rel="stylesheet" href="solution.css">
8. ارتفاع حداقلی در پاسخ استفاده شده تا متن طولانی با افزایش ارتفاع خوانا بماند.
9. .hidden-note را در ابزار توسعه پیدا کنید و display: none را غیرفعال کنید؛ پیام ظاهر می‌شود.
اعداد داخل HTML و CSS انگلیسی هستند. پروژه وابستگی خارجی ندارد.
