CSS清空样式

清空默认样式

html{
font-family: sans-serif;
-webkit-text-size-adjust: 100%;
-ms-text-size-adjust: 100%;
}
body{
width: 100%;
margin:0px;
}

将所有标签设置为块元素

article,
aside,
details,
figcaption,
figure,
footer,
header,
hgroup,
main,
menu,
nav,
section,
summary {
  display: block;
  vertical-align: baseline;
}

清空所有a标签样式

a{
    background-color:transparent;
    color:#337ab7;
    text-decoration:none;
}
a:active
a:hover{
    outline:0;
}

清空列表类标签样式

ul,ol,li,dd,dt,dl{
    list-style:none;
}
*{
    box-sizing: border-box;
}
*::after{
    box-sizing: border-box;
}
*::before{
    box-sizing:border-box;
}

清空按钮组件样式

.btn{
    display:inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
  font-size: 14px;
  font-weight: normal;
  line-height: 1.42857143;
  text-align: center;
  white-space: nowrap;
  vertical-align: middle;
  -ms-touch-action: manipulation;
      touch-action: manipulation;
  cursor: pointer;
  -webkit-user-select: none;
     -moz-user-select: none;
      -ms-user-select: none;
          user-select: none;
  background-image: none;
  border: 1px solid transparent;
  border-radius: 4px;
  outline:none;
}

清空音频样式

video,
progress,
audio,
canvas
{
    display: inline-block;
    vertical-align: baseline;
}

渐变按钮

.btn-rgb{
    background-image: linear-gradient(135deg, #67c23a 10%, rgb(0, 255, 234) 100%);
    color: #fff;
}

圆角按钮

btn-radius{
    border-radius: 50px;
}