# 一、1.引入css 初始化css 2.引入公共式 css 文件  # 二、 页面窗口ico  。首先把favicon.ico 这个图标放到根目录下。 。再html里面，head 之间引入代码。 `<link rel="shortcut icon" href-"favicon.ico" type-"image/x-icon"/>` href是文件来源  ## ico制作 **1、把想要图片切片 2、把图片转换为ico**：[比特虫：ico转换网](http://www.bitbug.net/)   ## 页面三大标签  ### title （窗口名）  #### 使用  ### description （网站说明 不超过120个汉字） 在meta 标签里写  ### 关键词 Keywords （搜索输入关键词能搜到你）  ## 字体图标 ### 使用流程  ### 生成字体包 [icomoon字库](https://icomoon.io/) 推荐：[阿里icon font字库](https://www.iconfont.cn/)  ### 引入生成字体包 #### 1.解压 2.找到fonts 3.复制到项目里的根目录下  #### 在下载压缩包的html打开（使用的话 复制里面图标）  |  |  | | --- | --- | | 使用先声明 | 应用 | |  |  | #### 引入包追加下载   # 引入字体图标 ``` @font-face { font-family: "icomoon"; /\*2. 一定要注意路径的问题\*/ src: url('../fonts/icomoon.eot?7kkyc2'); src: url('../fonts/icomoon.eot?7kkyc2#iefix') format( 'embedded-opentype'), url('../fonts/icomoon.ttf?7kkyc2') format('truetype'), url('../fonts/icomoon.woff?7kkyc2') format( 'woff'), url(' ../fonts/icomoon.svg?7kkyc2#icomoon') format( 'svg');font -weight: normal; font-styLe: normal; } .nav-rig::after { font-family: "icomoon"; content: "\\e93a"; font-size: 15px; /\* 调大小 \*/ } ```