css清除默认样式

常用的css清除默认样式 


/* …………………………………………^_^………………………………………… 清除默认样式 …………………………………………^_^………………………………………… */
/*
*{margin:0; padding:0;font-size:12px;font-family:"微软雅黑";color: #666;  border: none;}
*/
/*去掉所有元素的边框*/
/*
*:focus { outline: none; }
*/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed,
figure, figcaption, footer, header,
menu, nav, output, ruby, section, summary,
time, mark, audio, video, input, button, textarea,select{
    margin: 0;
    padding: 0;
    font-size: 12px;
    font-family: "微软雅黑";
    font-weight: normal;
    color: #666;
    border: none;
    vertical-align: baseline;
}
 
body{ line-height: 1; }
ul,ol{ list-style: none; }
input,button,textarea,select,input:focus,textarea:focus{ background:none; outline:none; }
textarea{ resize: none; overflow: auto;}
select{ border: none; }
a,button{ cursor: pointer; }
a{ text-decorattion: none; blr:expression(this.onFocus=this.blur());}
blockquote, q { quotes: none; }
blockquote:before, blockquote:after, q:before, q:after { content: none; }
 
/* 合并表格线 && 去掉间隙 */
table{ border-collapse: collapse; border-spacing:0; }
 
/* 去掉webkit默认的表单样式 */
button,input,optgroup,select,textarea { -webkit-appearance:none; }
 
/* 去掉a、input和button点击时的蓝色外边框和灰色半透明背景 */
a,button,input,optgroup,select,textarea { -webkit-tap-highlight-color:rgba(0,0,0,0); }
 
/* 禁止长按链接与图片弹出菜单 */
a,img { -webkit-touch-callout: none; }
 
/* img,video下面产生间隙清除 */
video,img{ vertical-align:top; }
 
/* …^_^… 重置 HTML5 元素搜索 */
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section,summary,time,mark,audio,video { display: block; margin: 0; padding: 0; }
 
/* 去掉mark默认背景颜色 */
mark{ background: none; }
 
/* 清除上下标位置 */
sub,sup{ vertical-align: baseline; }
 
/* 其它清除 */
:link, :visited,ins{
    text-decoration: none;
}
:focus {
    outline: 0;
}
/* 禁止页面选中复制 *IE10、Oprea15以下不支持，若需要，要在需要禁止选中的元素上面添加一个属性unselectable="on" */
/*
html,body{ -moz-user-select: -moz-none; -moz-user-select: none; -o-user-select:none; -khtml-user-select:none; -webkit-user-select:none; -ms-user-select:none; user-select:none; }
*/
 
/* 选中颜色修改 *IE10以下不支持*/
::selection { background: #FF8888; color: #FFFFFF; }
::-moz-selection { background: #FF8888; color: #FFFFFF; }
::-webkit-selection { background: #FF8888; color: #FFFFFF; }
 
 
/* …………………………………………^_^………………………………………… 自定义样式 …………………………………………^_^………………………………………… */
 
/* 设置浮动 */
.fl{ float: left; }
.fr{ float: right; }
 
/* 清除浮动 引用了bootstrap可以使用clearfix */
.clear{ clear: both; }
 
/* 用下面的代码去掉你要去掉的元素的边框 */
.clearoutline:focus { outline:none; }
 
/* …………………………………………^_^………………………………………… 其它样式清除 …………………………………………^_^………………………………………… */
 
/* 清除bootstrap中a的下划线 */
a:link{ text-decoration: none;  color: #666; }
 

 

原文：https://blog.csdn.net/qingdahai/article/details/82262756