前端700行代码项目练习--小米官网（仅html、css实现） - 码农知识堂 - 文章详情页

前端700行代码项目练习--小米官网（仅html、css实现）
目录

一、效果展示

二、准备工具

1、css重置样式

2、awesome图标字体

3、各图片

4、title网站图标

三、代码

一、效果展示

二、准备工具

1、css重置样式

请自行查找，CSDN上一般是代码形式，可以自己写入css文件后引入

2、awesome图标字体

需要访问awesome官网下载包，请看这篇文章

https://blog.csdn.net/comegoing_xin_lv/article/details/126184726?spm=1001.2014.3001.5501

3、各图片

这些图片都可以在网上自行下载

4、title网站图标

通过在网站链接加后缀/favicon.ico查看到title图标

三、代码

注意：这里仅给出html参考

tips：这里我把网盘链接放这里，所有文件都在里面

链接：https://pan.baidu.com/s/1cCj3KgCJjXIhWufj-fdrHg?pwd=2022
提取码：2022
```
html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-wid
```
相关阅读:
2024年湖北专升本C语言模拟试卷（1）
6年Java开发，海投30份简历屡次被拒，该不该换个方向？
Google Earth Engine（GEE）——evaluate实现一键批量下载研究区内的所有单张影像(上海市部分区域)
基于Flask开发的前后端交互项目（可用于期末大作业）& MySQL数据库 & 文件上传 & Spider爬虫 & Echarts可视化展示 & JS动态
 Hubble数据库再获得国家级重点项目推荐，作为HTAP国产数据库入选工信部全国试点
 openGauss学习笔记-70 openGauss 数据库管理-创建和管理普通表-查看表数据
 机械臂示教轨迹参数化方法 DMP, Dynamic Movement Primitive (一)
数据分析 — Matplotlib 、Pandas、Seaborn 绘图
 编写hello驱动程序
 数组去重有哪些方法
原文地址：https://blog.csdn.net/comegoing_xin_lv/article/details/126579074