css初始化

原创 2018年04月17日 21:06:57

为了保证各种浏览器显示效果一样,同时去除浏览器的默认设置,就需要做css初始化,以下为css初始化的内容,使用方法:在项目css目录中新建cssReset.css文件,复制以下内容到文件中即可。

/*
TODO will need to remove settings on HTML since we can't namespace it.
TODO with the prefix, should I group by selector or property for weight savings?
*/
html{
color:#000;
background:#FFF;
}
/*
TODO remove settings on BODY since we can't namespace it.
*/
/*
TODO test putting a class on HEAD.
- Fails on FF.
*/
body,
div,
dl,
dt,
dd,
ul,
ol,
li,
h1,
h2,
h3,
h4,
h5,
h6,
pre,
code,
form,
fieldset,
legend,
input,
textarea,
p,
blockquote,
th,
td {
margin:0;
padding:0;
}
table {
border-collapse:collapse;
border-spacing:0;
}
fieldset,
img {
border:0;
}
/*
TODO think about hanlding inheritence differently, maybe letting IE6 fail a bit...
*/
address,
caption,
cite,
code,
dfn,
em,
strong,
th,
var {
font-style:normal;
font-weight:normal;
}


ol,
ul {
list-style:none;
}


caption,
th {
text-align:left;
}
h1,
h2,
h3,
h4,
h5,
h6 {
font-size:100%;
font-weight:normal;
}
q:before,
q:after {
content:'';
}
abbr,
acronym {
border:0;
font-variant:normal;
}
/* to preserve line-height and selector appearance */
sup {
vertical-align:text-top;
}
sub {
vertical-align:text-bottom;
}
input,
textarea,
select {
font-family:inherit;
font-size:inherit;
font-weight:inherit;
*font-size:100%; /*to enable resizing for IE*/
}
/*because legend doesn't inherit in IE */
legend {
color:#000;
}

CSS样式初始化代码

CSS样式初始化代码 为什么要初始化CSS?       建站老手都知道,这是为了考虑到浏览器的兼容问题,其实不同浏览器对有些标签的默认值是不同的,如果没对CSS初始化往往会出现浏...
  • pengpengpeng85
  • pengpengpeng85
  • 2016年07月30日 06:26
  • 13940

移动端 css初始化

a, abbr, acronym, address, applet, article, aside, audio, b, big, blockquote, body, canvas, caption,...
  • panghaichun
  • panghaichun
  • 2016年01月12日 11:15
  • 4261

css初始化通用代码(集合)

腾讯QQ官网 样式初始化 body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{...
  • qq_36263601
  • qq_36263601
  • 2017年05月15日 17:27
  • 706

初始化移动端样式

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquo...
  • zfangls
  • zfangls
  • 2016年12月01日 09:30
  • 2154

各大主流网站css初始化代码

代码是网上找到  顺便做个笔记,如有侵权请通知我删除 谢谢 首先是要做css初始化的原因: 不同浏览器对各个元素的margin,padding,border,font等属性的定义各有不同,不同浏览器...
  • kiss377052
  • kiss377052
  • 2017年12月07日 16:41
  • 286

为什么要初始化CSS?

为什么要初始化CSS? CSS初始化是指重设浏览器的样式。不同的浏览器默认的样式可能不尽相同,所以开发时的第一件事可能就是如何把它们统一。如果没对CSS初始化往往会出现浏览器之间的页面差异。每次新开...
  • lamenw
  • lamenw
  • 2016年10月14日 12:18
  • 458

前端开发之初始化文档的CSS样式

在前端开发中,常使用的初始化HTML文档的CSS样式 ,对于初学者,非常有用,记之,以供参考。...
  • nahancy
  • nahancy
  • 2016年08月01日 08:47
  • 1297

移动端CSS初始化reset.css

移动端CSS初始化reset.css
  • qq_30669833
  • qq_30669833
  • 2017年10月09日 21:09
  • 500

CSS样式初始化有什么优缺点

前几天去面试,有一个题目是,CSS样式初始化有什么优缺点?当时看到这个题目乍一看感觉怪怪的,什么叫初始化样式了?如果换一句话你可能就理解了,就是通用样式。平时用的挺多的,但真的很少去想这么细。回来就整...
  • spark333
  • spark333
  • 2016年10月18日 15:55
  • 1823

CSS_腾讯QQ官网,新浪官网,网易官网,淘宝官网之css初始化代码

CSS为什么要初始化?建站老手都知道,这是为了考虑到浏览器的兼容问题,其实不同浏览器对有些标签的默认值是不同的,如果没对CSS初始化往往会出现浏览器之间的页面差异。当然,初始化样式会对SEO有一定的影...
  • pozhu_ll
  • pozhu_ll
  • 2016年04月21日 07:18
  • 3810
收藏助手
不良信息举报
您举报文章:css初始化
举报原因:
原因补充:

(最多只允许输入30个字)