大家对css reset肯定不会陌生,很多刚接触前端这块的同学可能不是很理解,为什么要有css reset,这个东西对我的开发有什么作用呢?
简单点来说,就是用来解决不通标签在浏览器中展示的一些差异,比如img标签的三像素问题,其实个人认为这些差异可大可小,有时候差异可以忽略不计,但是有时候影响也是有的。
关于这个问题,小编提出自己的一些个人理解。css reset应当适应你的项目来使用,这样更能够提高代码的运行速度,提高用户体验,过多的冗余的代码会影响页面加载速度,从而流失掉一些用户,这是我们不愿意看到的。
一个页面,真的会有那么多地方需要用到标题标签吗,答案是毋庸置疑的。很多小伙伴在使用的css reset的时候会h1,h2,h3,h4,h5,h6{margin:0;padding:0},小伙伴们你们真的觉得有必要这样写吗?一个页面你真的可以每个标题标签都能够用到吗?是h1-h6标签有padding吗?所以适当的添加css reset是很重要的,一个页面咱们顶多能用到两到三个标题标签,小编个人的写法是,在页面中需要用到的标签给reset,没有用到的其实就可以省略掉,这样就能够避免一些不必要的代码,这只是很小的一部分。
个人觉得css reset的影响在大多数情况下是可以忽略不计的,以上纯属个人观点,不喜请喷,欢迎留言讨论。
p,h1,h2,h3,h4,h5,h6{margin:0}
ul,ol,td,input,textarea,option,select{padding:0}
ul,li{list-style:none}
更多标签默认样式请自行测试