淘宝主页(静态页面)第二天

1.网页的标题

 <title>淘宝网-淘!我喜欢</title>

标题前部的图标

.ico图片的设计

通过在线工具,将图片转换为ico图片,把这张图片放在文件夹的根目录下。

在index.html中引入图片

 <link rel="icon" href="./favicon.ico">

2.自定义图标font-face

打开iconfont网站,搜索想要的字体图标 --> 将图标添加入库 --> 添加至项目 -->下载至本地 --> 解压

打开这个网页

把代码复制到index.css文件中

在淘宝首页文件夹下面创建一个font文件夹,把解压后的字体文件放入font文件夹中。

修改路径

复制第二段代码

在index.html文件中添加字体图标。

<span class="iconfont">&#xe600;</span>
原文地址:https://www.cnblogs.com/lintianxiajun/p/13376770.html