CSS Resets

最新推荐文章于 2025-02-19 08:24:55 发布

simba爱睡觉

最新推荐文章于 2025-02-19 08:24:55 发布

阅读量376

点赞数

CC 4.0 BY-SA版权

分类专栏： CSS 文章标签： css resets

本文链接：https://blog.youkuaiyun.com/DemoD/article/details/78273594

CSS 专栏收录该内容

5 篇文章

订阅专栏

/*==========
   RESETS
  ==========*/

 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, 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{
	box-sizing:border-box;
}

html{
  font:75% "microsoft yahei",Arial,Helvetica,sans-serif;   /* 12/16*100% （页面字体大小16px）*/
  color:#222;
  -webkit-tap-highlight-color:rgba(0,0,0,0);
}
body,h1,h2,h3,h4,h5,h6,p,ul,ol,dl,dd{
	margin:0;
	padding:0;
	list-style:none;
}
img{
	vertical-align:middle;
}

a{
	color:#666;
	text-decoration:none;
}
a:hover{
	color:#FF9800;
}


/*==========
   工具样式
  ==========*/
.position-center{
  position:absolute;
  top:50%;
  left:50%;
  transform:translate(-50%,-50%);
  -ms-transform:translate(-50%,-50%);; 	    /* IE 9 */
  -moz-transform:translate(-50%,-50%);; 	  /* Firefox */
  -webkit-transform:translate(-50%,-50%);;  /* Safari 和 Chrome */
  -o-transform:translate(-50%,-50%);; 	    /* Opera */
 }
.lf{float:left;}
.rt{float:right;}
.clear{clear:both;}

.clearfix:before,
.clearfix:after{
  content:"";
  display:table;
}
.clearfix:after{
  clear:both;
}


.center-block{
  display:block;
  margin-right:auto;
  margin-left:auto;
}

.hide{
  display:none !important;
}
.show{
  display:block !important;
}
.text-hide{
  font:0/0 a;
  color:transparent;
  text-shadow:none;
  background-color:transparent;
  border:0;
}