reset.css

存在的意义:

对表现不一致的样式进行统一化(但不能滥用,否则样式覆盖对于css渲染效率会有一定影响,所以以精简化,高效化为第一要义)

html {
  height: 100%;
}

body {
  min-height: 100%;
  color: #262626;    
  -webkit-touch-callout: none; // 当你触摸并按住触摸目标时候，禁止或显示系统默认菜单。  
  -webkit-font-smoothing: antialiased;
  font-smoothing: antialiased; // 字体抗锯齿
  -webkit-text-size-adjust: none;
  -moz-text-size-adjust: none;
  text-size-adjust: none;
  // 检索或设置移动端页面中对象文本的大小调整。
  // 该属性只在移动设备上生效；
  // 如果你的页面没有定义meta viewport，此属性定义将无效；
  -webkit-tap-highlight-color: transparent;
  // 当用户点击iOS的Safari浏览器中的链接或JavaScript的可点击的元素时，覆盖显示的高亮颜色。
  // 该属性可以只设置透明度。如果未设置透明度，iOS Safari使用默认的透明度。当透明度设为0，则会禁用此属性；当透明度设为1，元素在点击时不可见。  
  -webkit-user-select: none;
  -moz-user-select: none;
  -ms-user-select: none;
  user-select: none; // 禁止用户选择文本
  font-family: "-apple-system","Helvetica Neue",Roboto,"Segoe UI","sans-serif";
}

body,
dl,
dd,
h1,
h2,
h3,
h4,
h5,
h6,
p,
form {
  margin: 0;
}

ol,
ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

input, select, button {
  vertical-align:middle;
  outline: none;
  border: none;
}

a {
  text-decoration: none;
  color: #262626;
}