DAY 01 品优购项目
学习目标：学会引入ico图标；简单看懂网站优化的三个标签；能够使用字体图标
代码规范
1、HTML规范 2、图片规范 3、CSS规范 4、命名规范
前期准备工作
-目标文件夹
| 名称 | 说明 |
|---|---|
| 项目文件夹 | 项目名称 |
| 样式类图片文件夹 | img |
| 样式文件夹 | css |
| 产品类图片文件夹 | upload |
| 字体类文件夹 | fonts |
| 脚本文件夹 | js |
-样式文件夹的分类
对于CSS文件夹来说，样式主要分为对于整个浏览器来说的整体风格样式，还有是对于特定数据的公共样式。
-整个浏览器的风格样式：base.css -公共样式：common.css
网站的ico标志
- 使用ico图标
获取其他网页的ico标志的具体方式：在其他网页的首页链接后方加入‘/favicon.ico’ 获取之后将保存好的图片放置在文件的根目录里（即对于该项目来说是项目名称这一整个文件夹中） 在html里的head部分引入代码
<link rel=''shortcut icon'' href=''favicon.ico'' type=''image/x-icon''
- 制作ico图标
对于自己制作的ico图标来说，多出来的步骤在于要利用第三方转换网站将图片转换为ico图标，之后的使用其实与使用其他网页的ico图标是一致的
- 将想要的部分切成图片
- 将图片转换为ico图标，借助于第三方转换网站：比特虫
注意
1、ico图标是显示在浏览器中的网页图标 2、是一个网页图标，并不是一个图片 3、位置是放置于head部分 4、代码部分后面的type部分是可以省略的 5、为了兼容性，一致命名为favicon.ico，且放置于根目录下。
