ico图标设置
- 场景:显示在标签页标题左侧的小图标,习惯使用.ico格式的图标
- 常见代码:
<link rel="shortcut icon" href="ico图标路径" type="image/x-icon">
文件和目录准备
-
- 新建项目文件夹xtx-pc-client,在VScode中打开
- 在实际开发中,项目文件夹不建议使用中文
- 所以项目相关文件都保存在xtx-pc-client目录中
-
- 复制favicon.ico到xtx-pc-client目录中
- 一般习惯将ico图标放在项目根目录
-
- 复制images和uploads目录到xtx-pc-client目录中
- images:存放网站固定使用的图片素材,如:logo,样式修饰图片...等
- uploads:存放网站非固定使用的图片素材,如:商品图片,宣传图片...等
-
- 新建index.html在根目录
-
- 新建css文件夹保存网站的样式,并新建以下css文件:
- base.css基础公式
- +common.css:该网站多个网页相同模块的重复样式,如:头部,底部
- +index.css首页样式