📘 جلسه دهم – تکمیل مینی پروژه منو
🔹 پراپرتیهای جدید در CSS
- 📏 max-width / min-width
- تعیین بیشترین و کمترین عرض مجاز برای یک عنصر.
- برای طراحی ریسپانسیو کاربرد زیادی دارد.
- 📐 max-height / min-height
- تعیین بیشترین و کمترین ارتفاع مجاز.
- جلوی بزرگ یا کوچک شدن بیش از حد عنصر را میگیرد.
- 🌫 box-shadow
- افزودن سایه به عناصر.
ساختار کلی:
box-shadow: offset-x offset-y blur spread color;
- 🔵 border-radius
- گرد کردن گوشهها یا ساخت اشکال دایرهای.
- مثال:
- border-radius: 50%; → دایره کامل.
- border-radius: 30px 10px 50px 0; → گوشهها با شعاعهای مختلف.
- 🚨 !important
- اولویتدهی به استایلها (غلبه بر سایر قوانین).
- استفاده زیاد توصیه نمیشود (بهتر است فقط در مواقع ضروری استفاده شود).