##css书写规范
>模板中统一使用外链式的css样式表，不允许使用行内样式样式的控制主要使用class 同时id作为补充，并尽可能不使用id
标准书写示例
~~~
div.h5c-jsw-m-box>h4{
......
}
~~~
避免以下两种情况
~~~~
div>h4{
......
}
~~~
~~~
.h5c-jsw-m-box>h4{
......
}
~~~
>css选择器的起始位置和结束位置尽可能都要有class或id，开始部分要以标签+class(或id)组合的形式书写，模板中禁止使用css hack 禁止使用行内样式
##class命名规范
>**h5c\-作者代号\-组件类型\-说明**
**组件代号**
<hr/>
>每一个成员都有一个唯一的代号,例入平哥的代号是jsw
**组件类型**
>布局（grid）（.g-）：将页面分割为几个大块，通常有头部、主体、主栏、侧栏、尾部等！
>模块（module）（.m-）：通常是一个语义化的可以重复使用的较大的整体！比如导航、登录、注册、各种列表、评论、搜索等！
>元件（unit）（.u-）：通常是一个不可再分的较为小巧的个体，通常被重复用于各种模块中！比如按钮、输入框、loading、图标等！
>功能（function）（.f-）：为方便一些常用样式的使用，我们将这些使用率较高的样式剥离出来，按需使用，通常这些选择器具有固定样式表现，比如清除浮动等！不可滥用！ 功能部分的代码已经剥离出很大一部分一般情况下无需再添加
>皮肤（skin）（.s-）：如果你需要把皮肤型的样式抽离出来，通常为文字色、背景色（图）、边框色等，非换肤型网站通常只提取文字色！非换肤型网站不可滥用此类！
>状态（.z-）：为状态类样式加入前缀，统一标识，方便识别，她只能组合使用或作为后代出现（.u-ipt.z-dis{}，.m-list li.z-sel{}），具体详见命名规则的扩展相关项。
**说明**
>说明部分是该组件功能和实现效果的简单描述（英文），禁止用汉语拼音
**class命名示例**
`h5c-jsw-m-box`
##id命名规范
>**h5c\-作者代号\-组件类型\-说明** <br/>可diy编辑的部分必须拥有id 并通过data-type属性来标识diy组件的类型**注意**：这里的分割符和class命名的分割符是不一样的
**id命名示例**
`h5c_jsw_g_tools`
