css 初始化样式 及常用样式

初始化样式

/*格式化样式*/
html,body{ font-family:MicrosoftYaHei;font-size: 13px;}
body,div,dl,dt,dd,ol,ul,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td,button{margin:0;padding:0;} 
table {border-collapse:collapse;border-spacing:0;} 
fieldset,img {border:0} 
address,caption,cite,code,dfn,em,strong,th,var {font-style:normal;font-weight:normal} 
ol,ul,li {list-style:none} 
/* caption,th {text-align:left}  */
h1,h2,h3,h4,h5,h6 {font-size:100%;font-weight:normal} 
q:before,q:after {content:''} 
abbr,acronym { border:0}
a{text-decoration: none;}

/* 重写样式 */
select{ appearance:none;-moz-appearance:none;-webkit-appearance:none;-ms-appearance:none;background: url("img/select.png") no-repeat right center;}
select::-ms-expand {display: none;} 
input::-webkit-outer-spin-button,input::-webkit-inner-spin-button{-webkit-appearance: none !important; }/* chrome */
input[type="number"]{-moz-appearance:textfield;}/* firefox */

常用的样式

.clearfix:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
.fl {float: left;}  
.fr {float: right;}
  /* 单行溢出 */
.one-txt-cut{overflow: hidden;white-space: nowrap;text-overflow: ellipsis;}
/*多行溢出 手机端使用*/  
.txt-cut{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;/* -webkit-line-clamp: 2; */ -webkit-box-orient: vertical;}  
.w100{width: 100%;}
.t_center{text-align: center;}
.t_left{text-align:left;}
.t-right{text-align:right;}
.none {display: none; }
.pointer{cursor:pointer;}
.inline-block{display: inline-block;}
.block{display: block;}