标签：web   rom   统一   font   loading   ugo   项目   代码规范   str   

品优购项目

目标： 

　　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）

标签：web   rom   统一   font   loading   ugo   项目   代码规范   str   

原文地址：https://www.cnblogs.com/counter/p/13975646.html