ما دوست داریم که سایتمون تا حد امکان تویِ همه مرورگرها به طور یکسان نمایش داده بشه. پس باید یک سری از استایل ها رو به همه المان ها اعمال کنیم تا به خواستمون برسیم. که این امر با به کاربردن سلکتور ” * “ امکان پذیر هست. سلکتور ” * ” هم میتونه همه المان ها رو انتخاب کنه و هم میتونه همه المان های داخل یک المان رو انتخاب کنه.

میخوایم اون استایل هایی که دوست داریم داشته باشن. برای همین این فاصله ها رو از بین میبریم. مثلا داخل مرورگر IE دور عکس ها border ایجاد میشه که اینو دوست نداریم، پس باید از بین ببریمش.

اینم یادم رفت بگم. به بخش طراحی که برسیم یه سری کد میگیم که به کدهای ریست معروفن. اصلاً اینا واسه چی خوبن؟؟!

برای این که بتونیم یه کاری کنیم که تا حد امکان سایتمون در همه مرورگرها نمایش یکسانی رو داشته باشه.

کد HTML که همون کد قبلی هست. فقط کد زیر رو به فایل استایلمون اضافه میکنیم.

*{
margin: 0;
padding: 0;
border: 0;
}

سلکتور ” * ” رو توی اولین خط میگذاریم. خواصی رو هم که بهش دادیم هم به موقعش توضیح میدیم