reset.css文件及引入

作者: VinSmokeW | 来源:发表于2019-10-16 15:31 被阅读0次

一. 关于reset.css

使用reset.css的原因:各大浏览器默认样式不同,为了避免对结果产生差异性,咱们给它一个统一的css

不使用通配符*的原因:通配符会遍历到每一个标签,对于大型网站而言优化加载速度是很重要的

推荐一个下载reset.css的网站:https://cssreset.com/

二.文档

html {

overflow-x: auto;

overflow-y: scroll;

}

body,dl,dt,dd,ul,ol,li,pre,form,fieldset,input,p,blockquote,th,td {

font-weight: 400;

margin: 0;

padding: 0;

}

h1,h2,h3,h4,h5 {

margin: 0;

padding: 0;

}

body {

background-color: #FFFFFF;

color: #666666;

font-family: Helvetica, Arial, sans-serif;

font-size: 12px;

text-align: left;

}

select {

font-size: 12px;

}

table {

border-collapse: collapse;

}

fieldset,

img {

border: 0none;

}

fieldset {

margin: 0;

padding: 0;

}

fieldset p {

margin: 0;

padding: 0008px;

}

legend {

display: none;

}

address,

caption,

em,

strong,

th,

i {

font-style: normal;

font-weight: 400;

}

table caption {

margin-left: -1px;

}

hr {

border-bottom: 1pxsolid#FFFFFF;

border-top: 1pxsolid#E4E4E4;

border-width: 1px0;

clear: both;

height: 2px;

margin: 5px0;

overflow: hidden;

}

ol,

ul {

list-style-image: none;

list-style-position: outside;

list-style-type: none;

}

caption,

th {

text-align: left;

}

q:before,

q:after,

blockquote:before,

blockquote:after {

content: ””;

}

相关文章

  • reset.css文件及引入

    一. 关于reset.css 使用reset.css的原因:各大浏览器默认样式不同,为了避免对结果产生差异性,咱们...

  • css 样式清零

    复制下方代码,新建reset.css文件,在页面中引入css文件。

  • 前端平时积累

    1,在之前的开发中,通常都会引入reset.css文件,有的重置文件会全局取消outline 2, 背景颜色和图片...

  • 使用quill-editor按钮加粗没有效果

    原因:引入样式reset.css 重置了strong本身样式

  • gulp-rev-all插件用法详解

    1、作用及基本用法 作用将静态文件加个戳,这个戳是这个文件的hash,例如reset.css转化为reset.09...

  • 引入ffmpeg库

    引入ffmpeg库 将ffmpeg库文件及头文件拷贝到项目中 引入库文件和头文件 关闭沙箱 将ffmpeg库文件及...

  • vue中引入初始化样式reset.css和自适应rem.js

    1.在相关目录中创建好文件2.在main.js中引入 附录:a. 常用rem设置 b. 常用reset.css设置

  • CSS Reset样式

    最近学习CSS,发现前辈们写代码之前都会先写个reset.css文件,清除默认样式。为了搞清楚reset.css的...

  • 自制html+css+js自适应弹出框

    html 部分 css 部分 JS部分 Tips:引入样式前加入了reset.css进行了样式重置

  • 03-开始项目

    1 项目首页index.html中引入 reset.css CSSReset,意为重置默认样式。HTML中绝大部...

网友评论

    本文标题:reset.css文件及引入

    本文链接:https://www.haomeiwen.com/subject/mlkumctx.html