【笔记】CSS重置

发表于 更新于 阅读次数：

前言

通过CSS重置将所有HTML元素的默认样式全部清除

通过normalize.css重置CSS

下载依赖

1
npm install normalize.css

引入依赖

1
import "normalize.css"

手动重置CSS

reset.css
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
body {
  min-height: 100%;
}

body, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p  {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
}

ul, ol, li {
  list-style: none;
}

a {
  text-decoration: none;
  outline: none;
  color: #333;
  font-size: 12px;
}

img {
  vertical-align: top;
}

i, em {
  font-style: normal;
}

完成