为什么要初始化样式

其实,写过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; 
}

以上可根据项目的需求,做代码调整。







  • 3
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值