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部分
- 代码量很少，主要是面向对象，最好是左到一个功能一个函数（方法），所以我给清空类样式写成了方法的模式，毕竟为了高类聚低耦合嘛~~
-
今日的学习就到这了 该休息了 晚安~