CSS

本案例参考 https://mp.weixin.qq.com/s?__biz=MjM5MDA2MTI1MA==&mid=2649127809&idx=2&sn=a16b26417d32156ad078

本案例参考 https://mp.weixin.qq.com/s/34tWYVIQ3T21ZzRgSl8RSA 源码实现 收获 style="--i:8;--clr:#00a6bc;" 设置变量 ba

带来的问题 实例效果参考 图片下方有明显的空隙 原因 内联元素的对齐方式默认是基线(baseline)对齐，字母x的下边缘就是基线 解决方法 图片块状化 容器 line-height 足够小 容器 f

CodePen 属性值 线类，baseline top middle bottom 文本类，text-top text-bottom 上标下标类， sub super 数值百分比类， 20px 20%

CodePen Github 对于非替换元素的内联元素 其可视高度完全由 line-height 决定 行距与半行距 行距 = line-height - font-size 半行距 = 行距 / 2

elementUI Collapse 折叠面板 过渡效果原理如何获取面板高度 从而达到过渡的效果...

box-sizing 的理解 盒子模型 分为 标准盒模型（content-box） 和 IE盒模型（border-box）, 元素的宽高表现根据模型类型不同而不同，content-box 不包括 bo

display:none visibility:hidden 参考 相同点 控制元素显隐 无法获取焦点 不同点 display none visibility:hidden 页面重绘 页面不会重绘 无