Html+CSS完成的拓展卡片效果

• HTML+CSS+一点点JS完成的拓展卡片效果

• 2020-3-23
• 源码在：https://gitee.com/jimmyxuexue/excellent_interface/tree/master/%E6%89%A9%E5%B1%95%E5%8D%A1%E7%89%87%E6%95%88%E6%9E%9C
• 感慨一下，一两天没有更新博客了，不是没有学习，是不知道更新些啥好，我觉得最好的状态时每天都能有一两个小Demo练练手 ~~ 不废话了 上图！
• 
• 
• 哈哈 很简单的以恶搞Demo 直接将知识点

• HTML部分

• 为了减少代码量，我直接使用了内联样式，别的没有难点，很简单的布局

• CSS部分

• 最关键的是使用了flex-grow属性，这样能让元素直接贪婪的撑满整个父容器，将贪婪效果单独设置在了一个类选择器上 与JS配合

• JS部分

• 
• 代码量很少，主要是面向对象，最好是左到一个功能一个函数（方法），所以我给清空类样式写成了方法的模式，毕竟为了高类聚低耦合嘛~~

• 今日的学习就到这了 该休息了 晚安~