样式清零代码

版权声明:本文为博主原创文章,未经博主允许不得转载。如果对你有帮助,那真是再好不过啦~ 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*/

当然这不是万能的,具体情况具体分析,大家还是要根据实际项目去修改,适合自己的才是最好的。希望对你有所帮助。么么哒。

猜你喜欢

转载自blog.csdn.net/SCU_Cindy/article/details/73896170