品优购项目（web）

2020-12-22 12:28

阅读：646

标签：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

文章来自：搜素材网的编程语言模块，转载请注明文章出处。
文章标题：品优购项目（web）
文章链接：http://soscw.com/index.php/essay/37570.html

亲，登录后才可以留言！