自2015年12月W3C发布[自定义属性级联变量](https://www.w3.org/TR/css-variables/)推荐性规范已经有一段时间了，今天本文首先会对自定义属性使用做一个基本的介绍，后面将主要讲述在我们日常组件开发中CSS自定义的应用。 阅读全文

当我们在前端开发中使用自定义字体时，会遇到字体加载慢影响用户体验的情况，今天本篇文章来介绍 `font-display` 属性，该属性定义了浏览器加载和显示自定义字体文件的方式。开始介绍 `font-display` 属性前，我们来看看浏览器渲染字体有哪些差异 阅读全文

overflow 有两种类型，一种是 text-shadow、box-shadow、boder-images、text-decoration 形成的 ink overflow，另一种就是我们常说的scrollable overflow。本篇内容将从定义到实践应用来深入 overflow 属性 阅读全文

在日常前端开发需求中经常会有限制文本行数的需求，尤其在列表、图文混排等需求中，当需求是单行文本溢出时，我们可以选择使用 `text-overflow` 属性，当有多行文本需求时，我们可能首先想到使用 `javascript` 来处理 阅读全文

text-overflow 属性常用来处理文本溢出时剪切文本，常用的取值有 clip 、ellipsis 、inherit;本文来阐述文本溢出的不同处理方法。 阅读全文

根据 W3C 的 [CSS Text Module Level 3](https://drafts.csswg.org/css-text/) 文件来看，在网页中文本断行的规则通常是断在 `软性断行机会点`（Soft Wrap Oppportunity）。 阅读全文

IE6/7行内元素后相邻的浮动元素折行的原因 阅读全文

汇总css隐藏文字的几种常见方式 阅读全文

line-height(行高)，相邻文本行基线间的距离。那什么是基线呢？ 阅读全文