پشتیبانی تلگرامی
CSS HTML طراحی وب معرفی ابزار

طراحی یکسان در مرورگرهای مختلف با CSS Reset ها

مهدی خسروی
نوشته شده توسط مهدی خسروی

حتما برای شما هم پیش آمده که وب سایتی را با HTML و CSS طراحی کرده‌اید ولی بعد از تست های مخلف متوجه تفاوت‌هایی بین نمایش آن در بین مرورگرهای مختلف شده‌اید.کار CSS Reset ها دقیقا همین است. یک CSS Reset چیزی جز چند خط کد CSS ساده نیست که کارش این است که استایل های پیش‌فرضی که هر مرورگر به المان‌های HTML می‌دهد را بصورت کامل غیرفعال و خنثی کند تا در پایان طراحی، طرح ما در مرورگرهای مختلف یک شکل تقریبا یکسان نمایش داده شود.در ویدئوی زیر بصورت کامل کار CSS Reset ها را یاد خواهید گرفت :

dl-btnدانلود فیلم آموزشی معرفی و کار با CSS Reset ها با کیفیت بالا (با حجم ۱۵ مگ)dl-btn
dl-btnدانلود فایل reset.cssdl-btn

آموزش متنی

برای کار با CSS Reset ها فقط کافی است کدهای CSS Reset  را از لینک بالا دانلود کنید و آنرا با دستور import@ در اول فایل CSS اصلی خودتان لود کنید :

@import "reset.css";

CSS Reset خودتان را همچنین میتوانید در اول فایل HTML خود با دستور link لود کنید ولی در دنیای طراحان وب مرسوم است که CSS Reset خود را در فایلی جداگانه با اسم reset.css ذخیره میکنند و بعد آن فایل را در ابتدای فایل استایل اصلی خودشان با دستور بالا وارد میکنند.

توجه کنید که شما میتوانید CSS Reset را با توجه به نیاز و پروژه خودتان دست‌کاری کنید و قسمت‌هایی از آن که کار شما را خراب میکنند حذف و یا قسمت‌های جدید که کار شما را توسعه می‌دهند به آن اضافه کنید.

درباره نویسنده

مهدی خسروی

مهدی خسروی

سلام، مهدی خسروی هستم، نویسنده کتاب «دوبار فکر کن، یک بار کد بزن» و مدرس دوره‌های طراحی و برنامه نویسی زنبیل.
همیشه، بزرگ‌ترین موضوعی که من را اذیت میکرد، نبود دوره‌های آموزشی باکیفیت، پروژه‌محور و حرفه‌ای به زبان فارسی بود. همین موضوع باعث شد «زنبیل» متولد شود.
اگر علاقمند به یادگیری هستید، دوره‌های رایگان و ویژه زنبیل را در آدرس xanbil.com/vip از دست ندهید.

۴ دیدگاه

  • سلام سایت شما توی گوگل کروم رسپانسیوش مشکل داره.
    و البته توی IE هم همینطور فقط توی مزیلا فایرفاکس درست نمایش داده میشه.

    • سلام مسعود عزیز
      اگر بتونید از نحوه نمایش سایت در مرورگرهایی که می‌فرمایید مشکل دارن یک Screenshot بگیرید و به ایمیل info@xanbil.com بفرستید بسیار ممنون میشم.
      خیلی دوست دارم این مشکل رو متوجه بشم و برای برطرف کردن اون اقدام کنم.

      • سلام
        البته من این مشکل رو ۲ بهمن خدمتتون اعلام کردم و یکی دو روز بعد درست شده بود الان هم ۱۱ بهمن توی همه مرورگرها چک کردم که مشکلی نبود.فک میکنم اون موقع مشغول بروز رسانی چیزی بودید درسته؟ بهر حال خسته نباشید و سپاس برای وقتی که برای آموزش کاربراتون میزارین.

درج دیدگاه