淘宝静态页面（二）——头部信息

第四周day2
感觉学了这么久的前端，差不多就是学一点忘一点，不实际应用做，什么都不会。要有一个明确的目标，不要贪多贪快，宁愿慢一点，少了解一点，也要将自己学过的一点掌握！
首先，让我们完成头部信息的框架。

1. favicon
   favicon.ico是页面图标，一般放在根目录下面，用link rel = “icon” href=“favicon.ico”,IE浏览器不支持本地的文件，所有在IE浏览器下看不到效果，解决的办法是安装插件live server，协议变成http协议，前面变成本地IP地址。

2. base标签
   定义文档中带url标签的属性，可以统一基础路径，可以定义链接的打开方式。

3. 自定义图标（自定义字体）
   font-face，设计出一款字体，不一定是网页安全字体，客户端得先安装才能使用。以前想要一款独特的样式，是截图插入图片处理的，很明显是解决不了问题的。现在采取自定义字体的解决办法，可以很好的解决一些小图标的使用问题，相当于字体使用。在iconfont官网选择你想要的样式，添加入库，下载代码,打开demo.html按照流程操作。采用unicode的方法插入“字体”。
   一串src是为了兼容性 .woff2网页字体尺寸小加载快，ie9 .eot只支持ie .ttf系统自带window但是比较大 .svg比较高级，ie6 7 8 不支持 format参数让浏览器知道识别的什么该加载
   至此实现了头部信息的框架，接下来我们设计他的样式！
   从外而内，先设置 li a，padding一般在这体现，margin写在样式模块中引用， 再逐个仔细考量，内联元素的换行会解析成分隔符（空格），由font-size决定，所以在li标签上font-size：0在其他屏蔽的标签上font-size:12px,部分代码如下
   
   
   在这存在一个问题没有解决，a标签hover属性在五角星那没有效果！！！