首页装修
寻找优秀的设计
可能的途径
-
去Dribble.com 上面搜website（免费无原稿）
-
去借鉴同行（免费无原稿）
-
去ThemeForest.net上面花钱买（付费有原稿）
-
去找设计师给你做（付费有原稿）
（去CSS gradient.io去配CSS的源代码）
添加icon或logo
步骤
-
去iconfont.cn 搜关键词
-
将你喜欢的icon加入购物车
-
添加至项目（没有项目就新建一个）
-
点击Symbol，修改icon的名称
-
点击生成代码
-
使用script标签将生成的代码引入你的项目
-
点击使用帮助，Ctrl+F搜索【symbol引用】并照做
-
xlink:href="#icon-名称"可指定用哪个icon
-
如果你新增了icon，需要重新点击生成代码，并更新script标签
知识点总结
添加icon
- 使用
iconfont.cn的symbol
第一种方法：引用线上的模式
选择自己想要的icon，然后加入购物车，到购物车里添加至项目，点击生成代码，复制代码到VSCode里面的index.html里面的script标签；打开iconfont帮助的代码应用，找的symbol的第二步加入通用CSS代码复制粘贴带项目的index.scss里面，然后第三步挑选相应图标并获取类名，应用于页面：复制粘贴代码到需要的位置
第二种方法：直接下载到本地
选择自己想要的icon，然后加入购物车，到购物车里添加至项目，点击生成代码，将代码打开，下载到本地，在项目的lib目录里面创建svg.js，将下载到本地的代码复制粘贴到项目里的svg.js里面，然后在main.ts里面引入svg.js（不需要再在html里面引入svg的代码链接），剩下的步骤同上。
添加圆弧
-
使用
border-radius：100px 40px -
使用
clip-path: ellipse(80% 60% at 50% 40%)
Grid布局
响应式页面
- 手机样式 +
@media(min-width: 600px) + @media(min-width: 800px) + (min-width: 1200px)
