h5，css前端规范（自用）

1、 新的html页面，在head部分载入该载入的css，如normalize.css，要用的swiper.css、layui.css等，按照固定的pc端和移动端规         范来设置html相关属性。；

      在移动端编写页面时，使用layui自带的类的样式（如文本框，label，复选框等）时，请用来写，不要在外面用css引入，以免规定长宽的时候会自适应，导致不同手机显示页面效果不同。

2、类名的设置，不要随意，最好是标签加下划线加单词的形式，在less中编写，能嵌套尽量嵌套形式，减少维护修改时间成本；

一个页面区域分块要清晰，上中下，什么标签、p、div归为上中下哪个部分，一个页面根据功能，分为title，表单，跳转部分，比如下图移动端页面，title与跳转部分内容都是居中的，“提交”按钮和复选框放在一个div，textaligncenter就成了。

然后就是span、a、img这些用的比较多的，一定要嵌套写好（不建议起一堆名字。。），省的产生冲突或者因为css优先级而出错。

3、最后补充，引入css顺序，先normalize.css，最基本的，其次是用到的插件如jquery.css、swiper.css、layui.css、bootstray等，最后是自己写的css。必须按照此顺序，否则起冲突弄半天自己也不知道为啥。

 

附上移动端页面。