css css的reset是什么？

PitayaDog

已于 2024-04-06 10:16:37 修改

阅读量416

点赞数 4

文章标签：前端

于 2024-04-05 18:47:39 首次发布

本文链接：https://blog.csdn.net/zyz13883658166/article/details/137406491

版权

本文比较了resetcss用于快速清除浏览器默认样式但性能不佳与Normalize.css提供更一致且性能更好的解决方案。两者在处理浏览器默认样式和元素表现一致性上有所差异。

摘要由CSDN通过智能技术生成

1.resetcss

是一个css的文件库，用来重置css样式的

官网： https://meyerweb.com/eric/tools/css/reset/

网页默认是有一些样式的，每次写代码的时候都需要清除一下，比如margin，padding，ul下的li前面的小黑点，a链接的下划线，input的默认样式等

但是性能不是很好，内容过于庞大

浏览器默认样式

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
    <link rel="stylesheet" href="reset.css">
  </head>
  <body>
    <ul>
      <li>1</li>
      <li>2</li>
      <li>3</li>
    </ul>
    <input />
    <a href="http://www.baidu.com">baidu</a>
  </body>
</html>

使用reset之后的样式