* {
    margin: 0;
    padding: 0;
    /* 包括padding和border在内计算元素的总宽度和高度 */
    box-sizing: border-box;
}
 
html, body {
    /* 确保body占据整个视口高度 */
    height: 100%;
    /* 设置默认字体 */
    font-family: Arial, sans-serif;
    line-height: 1.6; /* 设置默认行高 */
}

/* 去掉或覆盖浏览器默认的内边距和外边距 */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,dl,dt,dd,ol,nav ul,nav li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{
    margin: 0;
    padding: 0;
    border: 0;
    /* 确保字体大小继承自父元素 */
    font-size: 100%;
    /* 继承父元素的字体样式 */
    font: inherit;
    /* 垂直对齐方式 */
    vertical-align: baseline;
}
img, video, iframe {
    /* 确保媒体元素不会超过其父容器的宽度 */
    max-width: 100%;
    height: auto;
}
/* 去掉列表项前的默认标记 */
ul, ol {
    list-style: none;
}
blockquote,q{quotes:none;}
blockquote:before,blockquote:after,q:before,q:after{content:'';content:none;}
/* 去掉表格单元格之间的默认间距 */
table {
    border-collapse: collapse;
    border-spacing: 0;
}
/* 去掉表单元素的一些默认样式 */
input, select, textarea, button {
    margin: 0;
    padding: 0;
    /* 确保字体大小与父元素一致 */
    font-size: 100%;
    /* 继承父元素的字体样式 */
    font-family: inherit;
    /* 去掉焦点时的默认轮廓线 */
    outline: none;
}
/* 去掉a标签的默认下划线 */
a {
    text-decoration: none;
    /* 继承父元素的颜色 */
    color: inherit;
}
/* 去掉img标签的默认间距（在某些浏览器中可能存在） */
img {
    border: 0;
    vertical-align: middle; /* 垂直居中 */
}