Html 写APP页面统一标题栏

h5刚接触不久,公司项目APP开发。下面是本人开发中封装的标题栏的样式CSS 希望可以帮助大家,如果有更好更简洁的办法 欢迎大家评论共同学习进步。

开发过程中难免会遇到相同标题栏的情况,例如:

这时候我们就可以封装一下CSS样式, 一是为了我们进行方便是用,二是方便我们进行维护 万一后期改样式不用一个页面一个页面的改 直接在我们封装的样式里面改就好了。下面是我的代码

先定义统一的样式

*{
	padding: 0;
	margin: 0;
}
.headBox{
	position:fixed;
	top:0; 
	left:0;
	width:100%;
	height:20px;
}
.returnBox{
	height:45px;
	background:write;
	line-height: 45px;
	text-align: center;
	position: relative;
}
.return_aBack{
    position: absolute;
	left: 12px;
	top: 0px;
}
.textsize_ten{
		 font-size: 16px;
}

样式定义完毕，在进行使用

 <div class="headd">
  	 <nav class="returnf">
  	       <div class="return_a"> 
  	 			<a href="javascript:history.go(-1)" ><</a>	
  	 			 <