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

文章标签
color

36 篇文章
{
,

}
创建 VS Code 主题文章的直链
辅助功能颜色 颜色 编辑器主题 vs 代码

创建 VS Code 主题

每个人在选择代码编辑器时都有自己独特且可能特殊的品味。市面上有数千种主题,这是有充分理由的:对于一个人来说,美观和提高生产力的东西,对于另一个人来说可能是障碍……

Avatar of Sarah Drasner
Sarah Drasner 于 2018 年 6 月 8 日
HSL() / HSLa() 非常适合程序化颜色控制文章的直链
颜色 hsl

HSL() / HSLa() 非常适合程序化颜色控制

如果您需要在原生 CSS 中手动操作颜色,HSL 几乎是唯一的方法。HSL(CSS 中的hsl() 和hsla() 函数)代表色相、饱和度、亮度,以及可选的 alpha 值。我们之前讨论过它,但是……

Avatar of Chris Coyier
Chris Coyier 于 2018 年 6 月 1 日
V6:颜色文章的直链
颜色

V6:颜色

这是 Rob Weychert 关于色彩理论、层次结构以及如何在设计系统中实现这些颜色的一篇精彩的小文章。听到 Rob 对 HSL 的看法尤其有趣,HSL 是一种替代方法……

Avatar of Robin Rendle
Robin Rendle 于 2018 年 3 月 2 日
完美段落的等边三角形文章的直链
颜色 字体大小 行长 行高 排版

完美段落的等边三角形

然而,仍然有太多网页设计师忽视了网页排版的重要性。到目前为止,我遇到的真正理解排版并将其知识应用于工作的网页设计师寥寥无几。而缺乏关于……的知识……

Avatar of Matej Latin
Matej Latin 于 2017 年 6 月 9 日
CSS 自定义属性和主题文章的直链
辅助功能 颜色 自定义属性 主题

CSS 自定义属性和主题

我们不久前发布了一篇文章,介绍了原生 CSS 变量(自定义属性)和预处理器变量之间的区别。预处理器变量可以执行一些深奥的操作,而原生变量则无法做到,但在大多数情况下,原生变量可以……

Avatar of Chris Coyier
Chris Coyier 于 2020 年 4 月 29 日
一些数学链接文章的直链
颜色 数学

一些数学链接

我最近读了一些关于数学的故事。……

Avatar of Chris Coyier
Chris Coyier 于 2017 年 2 月 3 日
UI 设计中的颜色文章的直链
颜色

UI 设计中的颜色

Erik D. Kennedy

因此,如果色彩理论没有为 UI 设计中的颜色提供坚实的基础,那么什么提供了呢?让我给你一个观点:颜色修改。重要的是颜色调整,而不是颜色选择

……
Avatar of Chris Coyier
Chris Coyier 于 2017 年 1 月 19 日
关于渐变和“透明黑色”的注意事项文章的直链
颜色 渐变 Sass

关于渐变和“透明黑色”的注意事项

假设您在 CSS 中有一个从红色渐变到透明的渐变。很简单,对吧?就像这样

.element {
  background: linear-gradient(
    to bottom,
    red, 
    transparent
  );
}

但是,这里有一个很大的陷阱……

Avatar of Chris Coyier
Chris Coyier 于 2017 年 1 月 10 日
ColorMe / CSS 颜色级别 4 文章的直链
颜色

ColorMe / CSS 颜色级别 4

这看起来奇怪吗?

.element {
  background: color(#eb8fa9 alpha(75%) blackness(20%));
}

这是来自 CSS 工作组草案规范 的“颜色函数”。我认为它主要是为了使颜色更容易和更直观地使用。……

Avatar of Chris Coyier
Chris Coyier 于 2017 年 1 月 8 日
  • 更新
  • 1
  • ...
  • 2
  • 3
  • 4
  • 较旧

CSS-Tricks 由 DigitalOcean 提供支持。

关注 Web 开发最新动态

通过我们精心制作的时事通讯

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

© .