css常用公共样式

前端之家收集整理的这篇文章主要介绍了css常用公共样式前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
* {-webkit-tap-highlight-color: transparent;outline: 0;  }
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,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video {  margin: 0;  padding: 0;  border: 0;  font-size: 100%;  font: inherit;  vertical-align: baseline;  outline: none;  -webkit-Box-sizing: border-Box;  -moz-Box-sizing: border-Box;  Box-sizing: border-Box;  }
html { height:100%;background:#f0f2f4;touch-action: manipulation;}
body { font-size: 62.5%;  line-height: 1;  margin: 0 auto;  min-width: 320px;  max-width: 768px;  font-family: -apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Oxygen","Ubuntu","Cantarell","Fira Sans","Droid Sans","Hiragino Sans GB","Microsoft Yahei","微软雅黑",Arial,Helvetica,STHeiti,sans-serif,"Apple Color Emoji","Segoe UI Emoji","Segoe UI Symbol";  -webkit-text-size-adjust: 100% !important;  -webkit-user-select: none;  user-select: none;  }
article,section { display: block; }
ol,ul { list-style: none; }
blockquote,q { quotes: none; }
blockquote:before,blockquote:after,q:before,q:after { content: ''; content: none; }
strong { font-weight: bold; }
table { border-collapse: collapse; border-spacing: 0; }
img { border: 0; max-width: 100%; }
p { font-size: 1.2em; line-height: 1.0em; color: #333; }
a,a:visited,a:hover,a:active{ text-decoration: none; color: #333;  }
a,button,input{-webkit-tap-highlight-color: rgba(0,0);-webkit-tap-highlight-color: transparent;}
.flex {  display: Box;  display: -ms-Box;  display: -webkit-Box;  display: flex;  display: -ms-flexBox;  display: -webkit-flex;  }
.flex-item {  display: block;  flex: 1;  -ms-flex: 1;  -webkit-flex: 1;  Box-flex: 1;  -ms-Box-flex: 1; -webkit-Box-flex: 1; }
.flex-container{justify-content: center; align-items: center;}
.relative { position: relative; }
.none { display: none; }
.bg-fff{ background: #FFFFFF;}
.col-fff{color: #FFFFFF;}
.bg-f7d{background-color: #f7dd92;}
.magfooter{margin-bottom: 1.4rem;}
.fr{text-align: right}
.fl{text-align: left}
.html_hide{ height: 100%;width: 100%;overflow: hidden;}

作者:fozero 声明:原创文章,转载请注明出处,谢谢! 标签:css

猜你在找的HTML5相关文章