Reset

مسئله

مرورگرها استایل‌های پیش‌فرض متفاوتی برای المان‌ها در نظر می‌گیرن که این موضوع باعث بروز مشکلات زیادی در روند توسعه میشه؛ به‌عنوان مثال ممکنه ظاهر سایت شما تو یه مرورگر خاص دقیقاً همونطور باشه که می‌خواید، اما تو یه مرورگر دیگه کاملاً به‌هم‌ریخته باشه.

راه‌حل

برای حل این مشکل Resetهای زیادی وجود داره که ساده‌ترین اون‌ها به این شکله:

*,
*::before,
*::after {
  box-sizing: border-box;

  margin: 0;
  padding: 0;
}