2022年2月18日
CSS – BEM (Block__Element--Modifier)
摘要： 前言 BEM 是一种 CSS class 命名规范. 目的是防止大家名字取太短, 不小撞名字后果很麻烦. 参考: Youtube – You Probably Need BEM CSS in Your Life (Tutorial) Battling BEM CSS: 10 Common Probl 阅读全文
posted @ 2022-02-18 14:59 兴杰 阅读(303) 评论(0) 推荐(0)
CSS & JS Effect – Image 倒影框
摘要： 效果 Step1: HTML 结构 <div class="image"> <img src="./images/img-2.png" /> </div> 需要 wrap 一层 div, 因为倒影框使用 :after content 实现的, 而 img 是用不了 :after 的. 所以需要 wr 阅读全文
posted @ 2022-02-18 12:14 兴杰 阅读(64) 评论(0) 推荐(0)
CSS – 冷知识 (新手)
摘要： <img> extra 4px at the bottom 参考: Extra 4px at the bottom of html <img> The mysterious 4px gap in between images 效果 红色部分多出来的 4px. 原因是 img 是 inline ele 阅读全文
posted @ 2022-02-18 09:48 兴杰 阅读(254) 评论(0) 推荐(0)