关于通用css样式的一些感想

感想啊  很多人写css  都会一层套一层

比如 某个div  下的 span  类似的 这样写 个人觉得复用性很差

我现在都是这样写的  虽然很low  但是用起来很方便

我会 搞一个比较详细 样式表  把我们平时很经常用到的样式  都给些下来

比如很简单的一个请浮动 效果 很多都把他放在一个通用的css 下  留用到的时候直接引用

这样增加代码的复用性

然而 我们可以更多的把这种列子增加

目前h5对 flex  布局方式兼容性很好  

我们可以

 /* flex布局 */
.flex{
    display: flex;
    display: -webkit-flex;
}
.f-wrap{
    flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
}
.f-center{
    align-items: center;
    -webkit-align-items: center;
}
.f-between{
    justify-content: space-between;
    -webkit-justify-content: space-between;
}
.f-jcenter{
    justify-content:center;
    -webkit-justify-content: center;
}
.f-around{
    justify-content: space-around;
    -webkit-justify-content:  space-around;
}
.flex1{
    flex: 1;
    -webkit-flex:1;
}
.f-end{
    justify-content: flex-end;
    -webkit-justify-content: flex-end;
}

这样我们布局的时候既可以很方便的掌握页面结构