品优购项目

目标： 

　　1、能够引入ico图标

　　2、能简单看懂网站优化的三大标签

　　3、能使用字体图标（重点）

　　4、能说出我们CSS属性书写顺序

一、代码规范

　　1、HTML规范

　　2、图片规范

　　3、CSS规范

　　4、命名规范

　　　　项目文件夹：pinyougou

　　　　样式文件夹：CSS

　　　　脚本文件夹：js

　　　　样式类图片文件夹：img

　　　　产品类图片文件夹：upload

　　　　字体类文件夹：fonts

　　　文本样式的分类：

　　　　1》初始化CSS（CSS reset）让浏览器风格统一，把常用的初始化语句放入base.css里面。

　　　　2》我们把一些公共的样式放入common.css里面

　　1》ClassName命名（类名命名规则）

　　　　ClassName的命名应该尽量精短、明确，必须以字母开头命名，切全部字母为小写，单词之间统一使用下划线“—”连接。

　　　　例如：.nav_top

　　2》常用命名推荐

　　　　注意：ad、banner、gg、guanggao等有机会和广告挂钩的字眠建议不直接用来做ClassName，因为有些浏览器插件（Chrome的广告插件等）会直接过滤这些类名，因此

　　　　

 

 　　　　这种广告的英文或拼音类不应该出现

　　　　另外，敏感不和谐字眼也不应该出现，如：

　　　　

 

标签：web,项目,样式,规范,ClassName,文件夹,命名,CSS,品优购
来源： https://www.cnblogs.com/counter/p/13975646.html