文章形容
每个浏览器都有它本人的默认款式,但因为不同浏览器的默认款式是不一样的,会导致你开发的页面在不同的浏览器上会看上去不太一样;所以,为了防止页面在不同的浏览器上有不同的成果,咱们通常须要对 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%;}