reset.css页面样式初始化

这个是所有HTML页面样式初始化，一般输入的样式…这里直接写出来，以后写样式前，一定引入这个文件

reset.css

@charset "utf-8";
*{margin:0;padding:0;-webkit-tap-highlight-color: rgba(0, 0, 0, 0);-webkit-box-sizing: border-box;-moz-box-sizing: border-box;}html {/*height:100%;*/min-height: 100%;font-size: 100%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%;
}body {width: 100%;/*height:100%;*/min-height: 100%;font-family:"Microsoft YaHei","微软雅黑","MicrosoftJhengHei","华文细黑","Helvetica", "Arial", "sans-serif";font-size: 14px;position: relative;word-break:break-all;
}a {text-decoration: none;-webkit-tap-highlight-color: rgba(0, 0, 0, 0.35);-webkit-box-sizing:border-box;
}img {-ms-interpolation-mode: bicubic;vertical-align: middle;
}img:not([src*="/"]) {display: none;
}table {border-collapse: collapse;border-spacing: 0;
}/*th, td, caption {vertical-align: middle;
}*/textarea {resize: none;
}input, button, select, textarea {-webkit-appearance:none;outline: none;border-radius: 0;
}
input::-webkit-outer-spin-button,
input::-webkit-inner-spin-button {-webkit-appearance: none !important;margin: 0;
}
/*input:valid{visibility: visible;}*/
/*input::-webkit-input-placeholder {display: block;width:100%;height:100%;color:#00f;background:url(../imgs/w_7.png) no-repeat center  -120px;-webkit-backgrond-size:30px auto;text-transform:uppercase;text-align: center;letter-spacing:3px;
}*/ul,ol,li {list-style: none;-webkit-margin-before: 0;-webkit-margin-after: 0;-webkit-margin-start: 0;-webkit-margin-end: 0;-webkit-padding-start: 0;
}
.section-body .text  {margin-top: 24px;margin-left: 40px;margin-right: 35px;width: 84%;font-family: "宋体";font-size: 18px;
}
.section-body .textImg{margin-top: 45px;color: blue;text-align: center;vertical-align: middle;
}

reset.css页面样式初始化相关推荐

css 默认样式初始化
1.css reset:这个是我们在做项目时比较常用的一套css初始化样式,在这里就直接给出代码了 html, body, div, span, applet, object, iframe, h1, ...
reset.css 重置样式表
css重置样式表个人整理工作中常用的css重置样式,和一些样式解决方法,并写上了注释, 大家还有什么好的重置样式,或者一些样式解决方案,欢迎留言讨论. html, body {height: 100 ...
PC端和移动APP端CSS样式初始化
CSS样式初始化分为PC端和移动APP端 1.PC端:使用Normalize.css Normalize.css是一种CSS reset的替代方案. 我们创造normalize.css有下面这几个目的 ...
【web前端】CSS高级技巧（精灵图，字体图标，CSS三角，CSS用户界面样式，文字与图片垂直对齐，溢出的文字省略号显示，常见布局技巧，CSS初始化）
使用课程是黑马程序员pink老师前端入门教程,零基础必看的h5(html5)+css3+移动端前端视频教程_哔哩哔哩_bilibili 目录一.精灵图 1.为什么需要精灵图 2.精灵图( sprit ...
CSS浏览器兼容性的4个解决方案：浏览器CSS样式初始化、浏览器私有属性，CSS hack语法和自动化插件...
前端是一个苦逼的职业,不仅因为技术更新快,而且要会的东西实在太多了(如果全写出来,那真是一箩筐),更让人头疼的是,还要面临各种适配.兼容性问题. 一直以来都是头痛医头脚痛医脚,没有进行系统的梳理,整个 ...
reset.css（常用项目代码初始化）
reset.css文件是几乎每个项目都要引入的文件原因:浏览器的种类不一样,那么对默认样式的解释不一样,通过reset可以达到显示一致的效果,它可以统一初始化. 下面是"reset.css ...
Css Reset -Css样式重置
在网页实际开发过程中,如果将来网页的浏览者存在使用不同的浏览器(IE, Google, FireFox, Opera, Safari等)对网页进行解析展示的可能,那么我们就不得不从完美的理想预期中 ...
vue或者react的css样式初始(css样式重置)——reset.css与normalize.css
前言为什么要样式重置即 css reset ? 原因:不同的浏览器在实现w3c标准过程中,对各个元素的实现是不一致的.这就导致了同一个页面在不同的浏览器中比如ie和chrome中,表现有差异.为了解 ...
为什么要初始化CSS的样式?
1.为什么要初始化因为浏览器的兼容问题,不同浏览器对有些标签的默认值是不同的,如果没对css初始化往往会出现浏览器之间的页面显示差异. 当然,初始化样式会对SEO有一定的影响,但鱼和熊掌不可兼得,但 ...

reset.css页面样式初始化

reset.css页面样式初始化相关推荐

最新文章

热门文章