web前端入门到实战：利用CSS重置网站的样式

许多前端开发人员都在用 Normalize 为他们的网站设计样式。一些人喜欢在 Normalize.css 中添加一些自己偏好的样式，我也一样。

在本文中，我会与你分享我自己的 CSS reset 项目（除了 Normalize.css 之外我还使用它们）。

我将 reset 项分为8类：

1.盒子大小
2.删除边距和填充
3.列表
4.表格和按钮
5.图像和嵌入视频
6.表格
7.隐藏属性
8…Noscript

调整盒子大小

box-sizing 属性改变了 CSS 盒子模型的工作方式。它会改变计算 width、 height、 padding、 border 和 margin 的方式。

box-sizing 的默认设置是 content-box。我更喜欢将其改为 border-box，因为这样更容易设置 padding 和 width.。

html {
  box-sizing: border-box;
}
*,
*::before,
*::after {
  box-sizing: inherit;
}

删除边距和填充

浏览器对不同元素 margin 和 padding 的设置各不相同。当我不了解这些时，默认设置会让我失望。但是我更喜欢通过自己编码设置所有边距和填充。

对web前端这门技术感兴趣的小伙伴可以加入到我们的学习圈来，正因为我不是211，985，只是个普通的本科生，英语不是特别好，数学不是特别好。所以我选择了前端。工作第六个年头了，我庆幸自己选择了这条路。767-273-102 秋裙。与大家分享一些学习方法，实战开发需要注意的细节。从零基础开始怎么样学好前端。都是一群有梦想的人，我们可能在不同的