expanding-cards

demo中用到的知识点：

1.link与@import的区别

link和@import的区别 - yeqi7 - 博客园 (cnblogs.com)

2.如何选择字体 font-family

https://blog.csdn.net/smcai/article/details/86304808

3.diaplay:flex

认识弹性盒子flex - 晨曦橙 - 博客园 (cnblogs.com)

CSS3总结五：弹性盒子(flex)、弹性盒子布局 - 他乡踏雪 - 博客园 (cnblogs.com)

CSS：CSS弹性盒子布局 Flexible Box - XYQ全哥 - 博客园 (cnblogs.com)

4.cursor光标的使用

CSS光标cursor - 小火柴的蓝色理想 - 博客园 (cnblogs.com)

5.@meida媒体查询

深入理解CSS Media媒体查询 - 小火柴的蓝色理想 - 博客园 (cnblogs.com)

媒体查询使用方法@media - 一江西流 - 博客园 (cnblogs.com)

6.nth-child和nth-of-type

彻底理解nth-child和nth-of-type的区别。 - 追梦子 - 博客园 (cnblogs.com)