品优购项目(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)的主要内容,如果未能解决你的问题,请参考以下文章

前端项目品优购上集完整笔记和源码!万字教程,肝了!

HTML+CSS大项目1:品优购项目笔记+源码(万字收藏)

品优购项目--service-sellergoods模块的配置文件

001 -- 品优购项目简单介绍

前端品优购项目完整笔记和源码

品优购商城项目mybatis分页插件