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; }
温馨提示: 本文由Jm博客推荐,转载请保留链接: https://www.jmwww.net/file/web/31661.html