代码规范（注意）

1、页面布局代码标准，css、js文件样式统一外链的形式；

2、css样式重置，分类形式，公用样式放在base.css，常见的样式放在common.css

3、文件目录：

（1）存放其他图片文件命名规范：images

（2）存放广告图的文件夹banner_img

（3）文件名应该全部小写，多个单词一下划线"_"分开

  （4）JS文件：js

  （5）确保文档或模板中只包含html，把用到的样式都写到样式表文件中，把脚本写到js文件中

4、样式规范化

  （1）选择器 与 { 之间必须包含空格

  （2）连字符css命名规范：长名称或词组可以使用中横线来为选择器命名。不建议用"_"来命名css选择器

  （3）属性定义必须另起一行。

  （4）为每个块级元素或表格元素标签新起一行，并且对每个子元素进行缩进。

  （5）css书写顺序，以提高代码的可读性。

        位置属性（position, top, right, z-index, display, float）等

        大小（width, height, padding, margin）

        文字系列（font, line-height, letter-spacing, color-text-align）等

        背景（background, border等）

        其他（animation, transition等）

  （6）去掉小数点前的"0"

  （7）选择器、属性和值都使用小写

  （8）使用16进制表示颜色值，除非表示的是透明度

5、常用的css命名规则：

        头：header；

        内容：content    |    容器：container

        尾：footer    |    页脚：footer

        导航：nav    |    子导航：subnav

        侧栏：sidebar    |    栏目：column    |    页面外围布局宽度：wrapper

        左右中：left    right    center

        广告：banner

        首页：homepage

        文章列表：list

        二级页面子页面：subpage

        页面主题：main

        菜单：menu    |    子菜单：submenu

        下拉菜单：dorpmenu

        栏目标题：title

        热点：hot

        标志：logo

        登录条：loginbar

        下载：download

        新闻：news

        状态：status

        搜索：seearch

        滚动：scroll

        版权：copyright

        友情链接：friendlink

        标签页：tab

        小技巧：tips

        提示信息：masg

        指南：guild

        合作伙伴：partner

        注册：regsiter

        投票：vote

6、javascript

  （1）文件编码与html页面编码一致，书写时，每行代码结束必有分号' ; '，尽量根据需求编写原生代码开发，以避免造成的代码污染

  （2）在页脚引入javascript脚本，采用外链引入形式，使页面的结构与行为分离

（3）命名：文件命名：以英文命名，后缀为js，公用common.js，其他命名可根据模块需求命名。变量命名：首字母小写，驼峰命名法。类名：首字母大写，驼峰命名。函数命名：首字母小写，驼峰命名法。命名语义化。

7、注释规范：

    （1）html：注释格式，“-”只能在注释的始末位置，不可以置入注释文字区域

    （2）css：注释格式/*这儿是注释*/

    （3）javascript：单行注释 ://这儿是注释，多行注释：/*这儿是注释*/

8、html命名

  html 应遵循页面的内容或用途（SEO）进行命名。不能使用中文词组的简拼进行命名。当使用英文或者中文词组全拼的时候，同样会给 SEO 带来好处。另外需注意的是，整个网站的 html 后缀要统一，避免同时出现 html 、htm 两种不同的后缀。

移动端字体大小：设置html{font-size:62.5%} 因此 10px=1rem