reset.css（常用项目代码初始化）

reset.css文件是几乎每个项目都要引入的文件

原因：浏览器的种类不一样，那么对默认样式的解释不一样，通过reset可以达到显示一致的效果，它可以统一初始化。

下面是"reset.css"代码分享

@charset "utf-8";
html {background-color: #fff;color: #000;font-size: 12px
}body, ul, ol, dl, dd, h1, h2, h3, h4, h5, h6, figure, form, fieldset, legend, input, textarea, button, p, blockquote, th, td, pre, xmp {margin: 0;padding: 0
}body, input, textarea, button, select, pre, xmp, tt, code, kbd, samp {line-height: 1.5;font-family: tahoma, arial, "Hiragino Sans GB", simsun, sans-serif
}h1, h2, h3, h4, h5, h6, small, big, input, textarea, button, select {font-size: 100%
}h1, h2, h3, h4, h5, h6 {font-family: tahoma, arial, "Hiragino Sans GB", "微软雅黑", simsun, sans-serif
}h1, h2, h3, h4, h5, h6, b, strong {font-weight: normal
}address, cite, dfn, em, i, optgroup, var {font-style: normal
}table {border-collapse: collapse;border-spacing: 0;text-align: left
}caption, th {text-align: inherit
}ul, ol, menu {list-style: none
}fieldset, img {border: 0
}img, object, input, textarea, button, select {vertical-align: middle
}article, aside, footer, header, section, nav, figure, figcaption, hgroup, details, menu {display: block
}audio, canvas, video {display: inline-block;*display: inline;*zoom: 1
}blockquote:before, blockquote:after, q:before, q:after {content: "\0020"
}textarea {overflow: auto;resize: vertical
}input, textarea, button, select, a {outline: 0 none;border: none;
}button::-moz-focus-inner, input::-moz-focus-inner {padding: 0;border: 0
}mark {background-color: transparent
}a, ins, s, u, del {text-decoration: none
}sup, sub {vertical-align: baseline
}html {overflow-x: hidden;height: 100%;font-size: 50px;-webkit-tap-highlight-color: transparent;
}body {font-family: Arial, "Microsoft Yahei", "Helvetica Neue", Helvetica, sans-serif;color: #333;font-size: .28em;line-height: 1;-webkit-text-size-adjust: none;
}hr {height: .02rem;margin: .1rem 0;border: medium none;border-top: .02rem solid #cacaca;
}a {color: #25a4bb;text-decoration: none;
}

reset.css（常用项目代码初始化）相关推荐

八十三、React简书项目：Styled-Components 与 Reset.css 的结合使用，完成Header布局
2020/11/21. 周六.今天又是奋斗的一天. @Author:Runsen 创建项目使用 React 官方脚手架工具提供的工作流快速搭建和开发项目.发现React比Vue在某些方面还是强很多. ...
创建GIT项目，并初始化上传项目代码
需要隔离一个项目的子项目,防止提交时影响项目的其他子项目,所以新建一个Git项目.[其实就是在git上添加一个项目地址,创建一个项目,空的文件件],记录下过程,备忘. 1.在首页,左侧 Project ...
HTML+CSS常用代码
HTML+CSS常用代码(笔记) 注释标签:对代码进行说明  常用格式标签 <b>加粗</b> <i> ...
CSS常用样式属性有哪些？代码怎么写?
CSS常用样式属性有哪些?CSS样式属性有两种分别是局常用样式属性和文本常用样式属性,CSS的作用是美化HTML网页和控制页面布局,我们需要掌握这两种常用的样式属性来美化页面.一套教程,带你轻松掌握H ...
css常用代码大全,html+css代码
css常用代码大全,html+css代码 html+css可以很方便的进行网页的排版布局,还能减少很多不必要的代码. 一.文本设置 1.font-size: 字号参数 2.font-style: 字 ...
代码：CSS——reset.css
代码:CSS--reset.css http://www.cnblogs.com/qq21270/p/5577856.html 图片列表 A链接标签: /*链接样式.文字颜色*/a{color:#66 ...
reset.css页面样式初始化
这个是所有HTML页面样式初始化,一般输入的样式-这里直接写出来,以后写样式前,一定引入这个文件 reset.css @charset "utf-8"; *{margin:0;pa ...
[css] 一个项目中有很多无用的css代码，怎么找到并清除这些无用的代码？
[css] 一个项目中有很多无用的css代码,怎么找到并清除这些无用的代码? 1.使用浏览器插件 2.使用PurifyCSS 3.chrome浏览器 F12审查元素的Audits,手动删个人简介我 ...
html双箭头菜单,CSS常用样式之绘制双箭头的示例代码
一.多次调用单箭头实现了单箭头–就很容易实现双箭头了,上文已经介绍2种实现单箭头的原理: 边框旋转方式.双三角覆盖方式.这次以边框旋转为例多次调用实现双箭头. 1.边框旋转单箭头实现 .arrow- ...

reset.css（常用项目代码初始化）

reset.css（常用项目代码初始化）相关推荐

最新文章

热门文章