CSS中有多少和哪些值可以/应该是无单位的

Jit*_*yas 3 css

我知道两个

  • 保证金 {0 自动}
  • 行高:1.5;

还有其他的吗?

Cᴏʀ*_*ᴏʀʏ 6

我真的没有你的问题的答案,但我只是想说,我认为你不应该忽略单位,除非你指定值 0。它更容易阅读,并且没有猜测(对于浏览器和其他可能正在阅读您的 CSS 的人来说)。

编辑:从论坛中提取此内容。它们是接受CSS 2.1 规范的整数值的 CSS 属性:

  • z 索引
  • 字体粗细
  • 行高
  • 计数器复位
  • 反增量
  • 体积
  • 压力
  • 音高范围
  • 丰富

  • 你可能会认为这将是 CSS 101(或者可能是 201),但我已经这样做很多年了,直到现在才了解 % 与 em 与无单位行高值的差异。Eric Meyer 在 2006 年就描述了这个问题:http://meyerweb.com/eric/thoughts/2006/02/08/unitless-line-heights/ 这是一个更直观地显示内容的 codepen:http://codepen。 io/JeffreyPia/pen/XKprWq (2认同)

Cod*_*ith 5

当前选择的答案已过时,并且还缺少链接的 CSS2 规范中的一些答案。由于我需要一个更新的答案,这里是我所发现内容的简要总结。

请注意,这是一个列表,列出了哪些属性可以是无单位的,但不一定应该是。还要注意,任何可以接受'length'值的属性因此可以接受无单位值0

这列出了所有接受数值([i]整数或[f] loat )的CSS3 属性:

  • 动画迭代计数 (i)
  • 边框图像切片 (f)
  • 边框图像宽度 (f)
  • 列数 (i)
  • 反增量 (i)
  • 反复位 (i)
  • 弹性(一)
  • 弹性增长 (i)
  • 弹性收缩 (i)
  • 字体大小调整 (f)
  • 字体粗细 (i)
  • 行高 (f)
  • 导航索引 (i)
  • 不透明度 (f)
  • 命令(一)
  • 孤儿(一)
  • 标签大小 (i)
  • 寡妇(一)
  • z 指数 (i)

除了这个列表,CSS2 规范还专门包括:

  • 音高范围 (f)
  • 丰富度(f)
  • 语速 (f)
  • 压力 (f)
  • 体积 (f)

除此之外,在技术上还有一些晦涩的(与 SVG 相关):

  • 洪水不透明度 (f)
  • 掩码框起始点/掩码边界起始点 (f)
  • 掩码框宽度 / 掩码边框宽度 (f)
  • 形状图像阈值 (f)

而且,FTW,这似乎是对曾经存在过所有属性的一个很好的参考。