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

font-display

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

overflow

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

line-clamp

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

text-overflow

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

word-wrap

发布在 Web开发
根据 W3C 的 [CSS Text Module Level 3](https://drafts.csswg.org/css-text/) 文件来看,在网页中文本断行的规则通常是断在 `软性断行机会点`(Soft Wrap Oppportunity)。 阅读全文
  • 第 1 页 共 1 页
作者的图片

煦涵

因为热爱,所以坚持。


Front-end Engineer


Beijing