周五:
- 4个规范
1.1 属性书写顺序
布局定位属性、自身属性、文本属性、其他css3属性
命名规范
- 网页ico图标
图标 /favicon.ico
制作ico
切成图片
把图片转化为ico图标
- 网站优化三大标签
title 网站名-网站的介绍
description 说明
keyword 关键词 6-8个
- 字体图标
可以做图片做的事情
支持所有浏览器
svg格式- icomoon 字体库转化 -下载-使用
下载网站:icofont.cn icomoon
复制fonts 在style中加入固定的代码 在选择器span中以font-family的形式调用这个字体
在span中粘贴由demo.html网页复制过来的小图标 调节其属性值就可显示
追加:从.json - input -再选择 .json 就有了 替换原fonts
logo优化
1.1 加h1标签+a标签 用于logo 增加重要性
text-indent+父级的overflow:hidden 把这几个字隐藏起来
1.2 font-size:0 隐藏起来
1.3鼠标移上去,显示提示文字 加title属性
总结:
1.学习制作品优购页面的流程
2.学习了网页ico标签、网页优化、logo优化以及字体图标的获取和运用
3.跟着视频制作了一个页面