版权声明:本文为博主原创文章,未经博主允许不得转载。如果对你有帮助,那真是再好不过啦~ https://blog.csdn.net/SCU_Cindy/article/details/73896170
为了便于统一,一般都会使用一份css清零代码,从而使浏览器的默认样式尽量一致。不过这个东西没有一个标准答案,网上的不一定适合自己的项目,一般做法是下载一套标准的css reset,然后在此基础上根据自己实际情况去删改的。适合自己的以及项目的才是最好的。
接下来就是一份我比较常用的css reset模板。
body,ul,ol,li,p,h1,h2,h3,h4,h5,h6,form,fieldset,table,td,img,div,dl,dd,dt,input{
margin: 0;
padding: 0; }
body{ font-size: 12px; }
img{ border: none; }
li{ list-style: none; }
input,select,textarea{ outline: none; }
textarea{ resize: none; }
a{ text-decoration: none; }
/*清浮动*/
.clearfix{zoom: 1;}
.clearfix:after{content: ""; display: block;clear: both;}
/*选择*/
::selection{background-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())} /*if IE*/
当然这不是万能的,具体情况具体分析,大家还是要根据实际项目去修改,适合自己的才是最好的。希望对你有所帮助。么么哒。