CSS初始化是指重设浏览器的样式。不同的浏览器默认的样式可能不尽相同,所以开发时的第一件事可能就是如何把它们统一。如果没对CSS初始化往往会出现浏览器之间的页面差异。
个人的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:
#555;
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;}
然后我会加上一些自己惯用的CSS一起存档,如果没用到再进行删改(随使用更新)。
.w{width: 1000px;margin:0 auto;}
.fl{float:left;}
.fr{float:right;}