normalize.css和reset.css区别:
- normalize平和更好,保留浏览器的原来样式并且做到每个浏览显示一致
- reset暴力重置,默认样式都重置了
自行简单的一个样式初始化:
.clearfix::before,
.clearfix::after {
display: table;
content: '';
clear: both;
}
#root,
.main,
body,
html {
width: 100%;
height: 100%;
}
html,
body,
ul,
li,
ol,
dl,
dd,
dt,
p,
h1,
h2,
h3,
h4,
h5,
h6,
form,
fieldset,
legend,
img,
input {
margin: 0;
padding: 0;
}
ul,
li,
ol {
list-style: none;
}
select,
input {
vertical-align: middle;
}
textarea {
resize: none;
}
img {
border: 0;
vertical-align: middle;
}
table {
border-collapse: collapse;
}
a {
text-decoration: none;
}