许多小伙伴面试可能遇到前端性能优化问题，其中图片优化最有效也是频率最高的就是CSS精灵图，下面讲解一下我在做之前项目中用精灵图的经验（踩过的坑）。 概念：CSS-sprites，又叫精灵图，也是CSS图像拼合或者CSS贴图定位。 原理：把多张图片融合成一张图片，然后通过css …

1. 行内样式 —— 写在html标签中 2. 内嵌样式 —— 写在style标签中如： 3. 链接样式 —— 使用link标签，如： 4. 导入样式 font-family 通过给定一个有先后顺序的，由字体名或者字体族名组成的列表来为选定的元素设置字体。 font-size …

作为一个前端工程师，在编写 CSS 时外边距折叠及 BFC 都是经常遇到的情况，今天就来做一下总结。 在 CSS 中，两个或者多个普通流中相邻盒子的边距在垂直方向上会发生折叠的这种现象叫做外边距折叠。外边距折叠分为父子外边距折叠及兄弟外边距折叠。 我们给 child 添加了 m…

【不一样的CSS】深入理解 overflow (溢出要学会处理) overflow 的基本属性自定义滚动条 获取滚动条高度 块格式化上下文 创建 BFC resize 属性 text-overflo

开启掘金成长之旅！这是我参与「掘金日新计划 · 12 月更文挑战」的第 19 天，点击查看活动详情 前言 在日常开发展示页面，如果一段文本的数量过长，受制于元素宽度的因素，有可能不能完全显示，为了提高