写网站样式时的“清零(reset)”操作总结

在写网站时往往需要对页面进行一些清零操作,例如给body的margin、padding设置为0,以防影响网站的整体布局。诸如此类的操作已总结如下,可以每次构建网站时直接使用。
(后续如遇新内容,还会继续更新)

	/*边框的清零操作*/
	body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,dl,dt,dd,input
	{margin:0;padding:0;}
	/*其中,fieldset给表单加外边框*/

	/*常用元素的重置操作*/
	body{font-size:12px;}
	img{border:none;} /*有些浏览器默认加上蓝色外边框*/
	input,select,textarea{outline:none;}
	textarea{resize:none;}/*设置不可以调整文本域*/
	a{text-decoration:none;}

	/*清浮动*/
	.clearfix:after{content:"";display:block;clear:both;}
	.clearfix{*zoom:1;}
	/*使用方法<div class="head clearfix"></div>*/

	/*选择*/
	::selection{backgroubd-color:#669900; color:#ffffff; text-shadow:none;}
	::-moz-selection{background-color:#669900;color:#ffffff;text-shadow:none;}
	
	/*去掉a的下划线*/
	a{blr:expression(this.onFocus=this.blur()

发布了9 篇原创文章 · 获赞 8 · 访问量 231

猜你喜欢

转载自blog.csdn.net/luniaWang/article/details/104353042