品优购项目(web)
Posted counter
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了品优购项目(web)相关的知识,希望对你有一定的参考价值。
品优购项目
目标:
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)的主要内容,如果未能解决你的问题,请参考以下文章