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不是新事物。自从最初发布(2008年1月)以来,我们一直在使用它的一些功能。后来,我再次仔细查看...
Pointer Events API 是Hmtl5的事件规范之一,它主要目的是用来将鼠标(Mouse)、触摸(touch)和触控笔(...
CSS动画非常的有趣;这种技术的美就在于,通过使用很多简单的属性,你能创建出漂亮的消隐效果。其中代表...
clip-path介绍 clip-path 直译过来就是裁剪路径,使用SVG或形状定义一个HTML元素的可见区域的方法。想象...
语法 必需。动画时长的百分比。 合法的值: 0-100% from(与 0% 相同) to(与 100% 相同) 定义和用法...
基本代码 html代码: 首先定义一些基本的样式和动画: background-size: auto 100%; 这段代码的意思是让...