常见的名词以及含义
制作ico图标
我们可以自己做的图片，转换ico图标，以便放到我们站定里面
- 步骤：
- 首先把我们想要的切成图片
- 要把图片转换为ico图标，我们借助于第三方转换网站：www.bitbug.net/ 比特虫 总结：
注意：
- 它是显示在浏览器中的网页图标
- 它是图标形式，不是一个图片
- 位置是放在head标签中间
- 后面的type=“image/x-icon”属性可以省略
- 为了兼容性，请将favicon.ico这个图标放到根目录下
网站优化三大标签
1.网页title标题
建议：
2.Description网站说明
品优购网：
注意点：
- 描述中出现关键词，与正文内容相关，这部分内容是给人看的，所以要写的很详细，让人感兴趣，吸引用户点击
- 同样遵循简短原则，字符数含空格在内不要超过120个汉字
- 补充在title和keywords中未能充分表述的说明
- 用英文逗号 关键词1,关键词2
3.Keywords关键词
keywords是页面关键词，是搜索引擎关注点之一。keywords应该限制在6~8个关键词左右，电商类网站可以多少许
品优购网：
小米网：
4.总结
- 我们的网页要做的优秀，符合搜索引擎的要求，才可以让搜索引擎优先显示我们的网页，所以我们的网站要做很多的优化，其中就有这三大标签
- 一般情况下，三大标签里面的优化词，都是专门的优化人员写的，我们大概了解一下规范就可以了
- 我们的主要任务是，能写出这三大标签，然后把优化人员给我们的内容，添加到里面
字体图标
1.字体图标优点
2.字体图标使用流程
总体来说，字体图标按照如下流程：
3.设计字体图标
4.上传生成字体包
5.字体引入到HTML
1.首先把fonts文件夹放入我们根目录下
2. html标签内里面添加结构
3. 在样式里面声明字体：告诉别人我们自己定义的字体（一定注意字体文件路径的问题）
4.给盒子使用字体
6.追加字体图标
7. 品优购首页布局
命名集合：
1）shortcut制作
8.logo优化
9.过渡（CSS3）
过渡（transitio）是CSS3中具有颠覆性的特征之一，我们可以在不使用Flash或JavaScript的情况下，当元素从一种样式变换为另一种样式时为元素添加效果
- 过渡画面:是一个状态渐渐的过渡到另一个状态
- 语法格式：
- 属性：属性就是你想要变化的CSS属性，宽度高度 背景颜色 内外边距都可以。如果想要所有的属性都变化过渡，写有一个all就可以
- 花费时间：transition-duration 花费时间 单位是 秒（必须写单位） s ms（毫秒）
- 运动曲线 默认是ease
- 何时开始：默认0s 鼠标触发就立即开始 可以设置延迟触发时间
7.获得焦点元素
：focus 伪类选择器用于选取焦点的元素。我们这里主要针对的是 表单元素 ： hover
- 语法：
