移动web全局公共的css样式

在移动web网页中，需要设置所有元素的

/*清除移动端默认的 点击高亮效果*/
-webkit-tap-highlight-color: transparent;
/*设置所有的都是以边框开始计算宽度 百分比*/
-webkit-box-sizing: border-box;
box-sizing: border-box;

去除input的，移动端默认的表单样式

input{
border: none;
outline: none;
/*清除移动端默认的表单样式*/
-webkit-appearance: none;
}

*,
::before,
::after{
	margin: 0;
	padding: 0;
	
	/*清除移动端默认的 点击高亮效果*/
	-webkit-tap-highlight-color: transparent;
	/*设置所有的都是以边框开始计算宽度 百分比*/
	-webkit-box-sizing: border-box;
	box-sizing: border-box;
}

body{
	font-size: 14px;
	font-family: "MicroSoft YaHei",sans-serif;
	color: #333;
}

a{
	color: #333;
}

a:hover{
	text-decoration: none;
}

input{
	border: none;
	outline: none;
	/*清除移动端默认的表单样式*/
	-webkit-appearance: none;
}

ul,ol{
	list-style: none;
}

.f_left{
	float: left;
}

.f_right{
	float: right;
}

.clearfix::before,
.clearfix::after{
	content: "";
	height: 0;
	line-height: 0;
	display: block;
	visibility: hidden;
	clear: both;
}

本人为前端新手，很多文章是作为自学过程中记下的笔记，错误的地方希望大家能指出，谢谢