关于 Normalize.css

normalize.css确实是很好用的，它主要的作用是统一各个浏览器之间的差异性

Normalize.css makes browsers render all elements more consistently and in line with modern standards. It precisely targets only the styles that need normalizing.
附上谷歌翻译:
Normalize.css 使浏览器更一致地呈现所有元素并符合现代标准。它仅针对需要标准化的样式。
reset.css 可以和 normalize 一起使用,但没必要…

reset.css

我用 reset.css 主要是为了全局擦除 a 标签的下划线还有 p 标签的 margin
怎么舒服怎么来, 合适自己的才是最好的

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
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
form,
fieldset,
input,
select,
button,
textarea,
p,
img,
blockquote,
th,
td {
  padding: 0;
  margin: 0;
}
html,
body {
  width: 100%;
  height: 100%;
}
body,
button,
input,
select,
textarea {
  outline: none;
}
input {
  -webkit-appearance: none;
}
table {
  border-collapse: collapse;
  border-spacing: 0;
}

caption,
th {
  text-align: left;
}

h1,
h2,
h3,
h4,
h5,
h6 {
  font-weight: normal;
  font-size: 100%;
}

i,
em {
  font-style: normal;
}

img {
  border: 0;

  /*vertical-align: bottom;*/
}

li {
  list-style: none;
}

/*h1,h2,h3,h4,h5,h6,small{font-size:100%;}*/
textarea {
  resize: none;
}

/*a{ text-decoration:none; color:#666; cursor:pointer; outline:none; transition: all 0.5s; }*/
/*a{ transition: all 0.5s; }*/
a,
a:focus,
a:hover,
a:visited {
  text-decoration: none;
  color: #222;
}

* {
  box-sizing: border-box;
}

.hide {
  display: none !important;
  opacity: 0;
  visibility: hidden;
}

.ellipsis {
  overflow: hidden;
  text-overflow: ellipsis;
  white-space: nowrap;
}

后续可能会添加更新