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)" >&l