Html+Css模糊知识汇总（持续更新）

1. box-decoration-break

box-decoration-break属性可以指定元素片段在跨行、跨列或跨页（如打印）时候的样式渲染表现。
https://www.cnblogs.com/ss-wdp/archive/2019/04/04/10655286.html

2. object-fit: cover；

这个CSS属性可以达到最佳最完美的居中自动剪裁图片的功能。
https://www.cnblogs.com/ranyonsue/p/9367423.html

没使用之前：

使用后：

3. letter-spacing属性

1.letter-spacing属性是增加（值为正）或减少（值为负）字符间距；
给某个元素增加了间距letter-spacing之后，该元素最后一个字符后面依然存在letter-spacing的值,会导致整个元素变大，以至于居中的效果被破坏。
解决方案：增加padding（padding-left/padding-right）值，让其值大小等于letter-spacing的值；

2.给按钮里面的文字添加letter-spacing时，就会有所不同；
给按钮里面的文字增加间距时，同样最后一个字符后面会有留白，而且可用改变padding的方法无法很好的解决这个问题
解决方案：设置text-indent值，大小等于letter-spacing；

4. outline-offset 和 outline

outline-offset属性用于设置 outline 与一个元素边缘或边框之间的间隙。

outline 是元素的轮廓，悬浮在元素边框之上。元素和其轮廓之间是透明的。

例子：