其实,写过CSS的大神们都知道,每个网页引进的CSS首先都需要初始化。
CSS初始化是指重新设置浏览器的样式,但是因浏览器兼容的问题,不同的浏览器对标签的默认样式值不同,如果不初始化会造成不同浏览器之间的显示差异。
所以开发一个项目时,第一件事应该是如何把他们统一。但是初始化CSS会对搜索引擎优化造成小影响。最简单的初始化方法就是: * {padding: 0; margin: 0;} ,这样比较简单,一个 * 号就解决,编写代码的时候也非常快,但是这样写有一个弊端,就是在网站比较大时,CSS样式文件也很大,这样写时,它会把所有的标签都初始化一遍,这样会加大网站运行的负荷,会让网站加载的时候需要很长一段时间。
以下是我自己整理的代码,分享给大家,可以作为参考:
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,
blockquote,th,td {
margin:0; padding:0;
}
body {
background:#fff;
color:#555;
font-size:14px;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
td,th,caption {
font-size:14px;
}
h1, h2, h3, h4, h5, h6 {
font-weight:normal;
font-size:100%;
}
address, caption, cite, code, dfn, em, strong, th, var {
font-style:normal;
font-weight:normal;
}
a {
color:#000000;
text-decoration:none;
}
a:hover {
text-decoration:underline;
}
img {
border:none;
}
ol,ul,li {
list-style:none;
}
input, textarea, select, button {
font:14px Verdana,Helvetica,Arial,sans-serif;
}
table {
border-collapse:collapse;
}
html {
overflow-y: scroll;
}
.clearfix:after {
content: ".";
display: block;
height:0;
clear:both;
visibility: hidden;
}
.clearfix {
*zoom:1;
}
以上可根据项目的需求,做代码调整。