跳至主要内容
CSS-Tricks
  • 文章
  • 笔记
  • 链接
  • 指南
  • 年鉴
  • 随机
搜索

文章标签
typography

78 篇文章
{
,

}
文章的直接链接 使用 `rem` 进行全局大小设置;使用 `em` 进行局部大小设置
em 模块 rem 排版

使用 `rem` 进行全局大小设置;使用 `em` 进行局部大小设置

Richard Rutter 的指南 为设置元素的 font-size 提供了一个有趣的观点:他认为我们应该根据元素与页面上其他元素的关系使用 em 和 rem 单位。

例如

…
Avatar of Robin Rendle
Robin Rendle 于 2016 年 3 月 12 日
文章的直接链接 大型应用中的排版管理
命名 排版

大型应用中的排版管理

Harry Roberts 建议为 h1-h6 设置非常少的样式,然后使用标题特定的类名来实际设置样式,无论它们最终是什么元素。

我同意。过去我曾使用 .h1、.h2 等,而不是…

Avatar of Chris Coyier
Chris Coyier 于 2016 年 2 月 22 日
文章的直接链接 font-size-adjust
font-size font-size-adjust 排版

font-size-adjust

此属性使开发人员能够根据元素的小写字母的大小来设置元素的 font-size,而不是大写字母的大小。

.element {
  font-size: 22px;
  font-size-adjust: .5;
}

在本例中,小写字母…

Avatar of Robin Rendle
Robin Rendle 于 2020 年 4 月 25 日
文章的直接链接 hanging-punctuation
hanging-punctuation 排版

hanging-punctuation

hanging-punctuation 属性旨在为 Web 设计师提供对 Web 上排版的更精细的控制。

悬挂标点符号的理念是将一些标点符号从文本的开头(或在较小程度上从结尾)…

Avatar of Chris Coyier
Chris Coyier 于 2020 年 9 月 1 日
文章的直接链接 视窗大小排版
流体类型 排版

视窗大小排版

CSS 中有一些值用于相对于视窗(浏览器窗口的大小)来调整大小。它们被称为 **视窗单位**,并且存在许多略有不同(但都很有用)…

Avatar of Chris Coyier
Chris Coyier 于 2022 年 11 月 15 日
文章的直接链接 垂直居中多行文本
文字气泡 排版 vertical-align

垂直居中多行文本

如果您只有一句话或一行文本,有一个巧妙的方法可以使用 CSS 将其垂直居中在一个块中。将该文本的 **line-height** 设置为等于 **height**…

Avatar of Chris Coyier
Chris Coyier 于 2017 年 2 月 24 日
  • 较新
  • 1
  • ...
  • 7
  • 8
  • 9

CSS-Tricks 由 DigitalOcean 提供支持。

关注 Web 开发的最新动态

订阅我们精心制作的时事通讯

DigitalOcean
  • 关于 DO
  • Cloudways
  • 法律事项
  • 获取免费积分!
CSS-Tricks
  • 为我们撰稿!
  • 与我们合作广告
  • 联系我们
社交
  • RSS 订阅
  • CodePen
  • Mastodon
  • X
返回顶部

© 2024 . All rights reserved.