文章形容

每个浏览器都有它本人的默认款式,但因为不同浏览器的默认款式是不一样的,会导致你开发的页面在不同的浏览器上会看上去不太一样;所以,为了防止页面在不同的浏览器上有不同的成果,咱们通常须要对 html 元素的 css 款式进行一些默认设置,来将“浏览器自带的款式”重置掉,这个就叫做 CSS Reset

款式概要

@charset "utf-8";/* 应用更直观的盒模型(box-sizing) */*, *::before, *::after {  user-select: none;  box-sizing: border-box;}/* 勾销默认的内外边距 margin padding */body, h1, h2, h3, h4, h5, h6, dl, dt, dd, ol, ul , li, p, fieldset, legend, header, footer, hgroup, menu, nav, section {  margin: 0;  padding: 0;}/* 容许通过百分比设置利用的高度 */html, body, #app {  width: 100%;  height: 100%;  /* 优化 text 的渲染平滑度 */  -webkit-font-smoothing: antialiased;}/* 滚动条默认宽度、高度 w 纵向宽 h 横向高 */::-webkit-scrollbar {  width: 3px;  height: 3px;}/* 滚动条滑块 */::-webkit-scrollbar-thumb {  border-radius: 3px;  background-color: #707070;}/* 横纵滚动条交接处的小方块儿 */::-webkit-scrollbar-corner {  background-color: #707070;}/* 去除所有我的项目符号标识 */li {  list-style: none;}/* 去除超链接默认下划线 */a {  text-decoration: none;}/* 去除图片与容器底部的留白 更正当的多媒体默认展现形式 */img {  display: block;  max-width: 100%;}