让你手写一个reset的文件，你应该怎么写？要考虑哪些方面呢？

一个好的 CSS reset 文件旨在提供一个干净的、一致的起点，消除浏览器默认样式的差异，并确保跨不同浏览器和设备的布局一致性。以下是一个手写的 reset 文件示例，并附带了需要考虑的方面：

/* Reset.css */

/* 1. Box Sizing: 使用 border-box 模型，使元素的宽度和高度包含 padding 和 border */
*, *::before, *::after {
  box-sizing: border-box;
}

/* 2. Margin & Padding: 清除所有元素的默认外边距和内边距 */
* {
  margin: 0;
  padding: 0;
}

/* 3.  继承：防止一些元素继承父元素的样式 */
button, input, select, textarea {
  font-family: inherit;
  font-size: inherit;
}

/* 4.  列表样式：移除列表的默认样式 */
ul, ol {
  list-style: none;
}

/* 5.  链接样式：移除链接的下划线 */
a {
  text-decoration: none;
}

/* 6.  图片样式：阻止图片超出其容器 */
img {
  max-width: 100%;
  display: block; /* 防止图片底部出现空白 */
}

/* 7.  表格样式：移除表格的默认边框和间距 */
table {
  border-collapse: collapse;
  border-spacing: 0;
}

/* 8.  排版：设置默认字体和行高 */
body {
  font-family: sans-serif; /* 或指定你喜欢的字体 */
  line-height: 1.5; 
  -webkit-font-smoothing: antialiased; /* macOS/iOS */
  -moz-osx-font-smoothing: grayscale; /* Firefox */
}

/* 9.  标题样式：根据需要调整标题样式 */
h1, h2, h3, h4, h5, h6 {
  font-weight: normal; /* 或你想要的粗细 */
  margin-bottom: 1em; /* 或你想要的间距 */
}

/* 10.  表单元素：去除默认外观 */
button, input, select, textarea {
  border: none;
  background-color: transparent;
  outline: none; /* 移除焦点时的轮廓 */
  appearance: none; /* 移除系统默认样式，尤其对移动端有用 */
}


/* 11.  可交互元素的样式 */
button:focus, input:focus, select:focus, textarea:focus {
  /* 添加你想要的焦点样式，例如 outline 或 box-shadow */
}

/* 12.  HTML5 元素样式：为 HTML5 元素添加样式 */
article, aside, details, figcaption, figure, 
footer, header, hgroup, main, menu, nav, section {
  display: block;
}


/*  13.  隐藏元素 */
.sr-only {
  position: absolute;
  width: 1px;
  height: 1px;
  padding: 0;
  margin: -1px;
  overflow: hidden;
  clip: rect(0, 0, 0, 0);
  white-space: nowrap;
  border-width: 0;
}

需要考虑的方面：

• 特异性 (Specificity): 使用通配符选择器 * 会影响所有元素，但有时可能需要更具体的样式。 权衡使用 * 的便利性和潜在的性能影响。
• 继承 (Inheritance): 某些样式会继承，例如 font-family。 确保重置不会意外地影响子元素。
• 浏览器兼容性 (Browser Compatibility): 某些重置可能需要针对特定浏览器进行调整，例如旧版本的 Internet Explorer。
• 可维护性 (Maintainability): 保持 reset 文件简洁易懂，以便日后修改。 添加注释解释每个规则的目的。
• 性能 (Performance): 大量的 CSS 规则会影响页面加载性能。 只重置必要的样式。
• 可访问性 (Accessibility): 确保重置不会对可访问性产生负面影响，例如移除焦点样式。
• 框架/库兼容性 (Framework/Library Compatibility): 如果你使用 CSS 框架或库，请确保重置与其兼容，或者根据需要进行调整。 很多框架自带 reset 或 normalize 样式，你可能不需要再写一个。
• Normalize.css: 考虑使用