CSS中可以/应该无法使用多少个值和哪些值

Question

我知道两个

• margin {0 auto}
• line-height：1.5;

还有其他吗？

Answer 1

我对你的问题没有真正的答案，但我只是想说，除非你指定的值为0，否则我认为你不应该放弃单位。它更容易阅读，而且有没有猜测（对于浏览器和可能正在阅读你的CSS的其他人）。

编辑：从论坛中拉出来。它们是接受CSS 2.1 specifications的整数值的CSS属性：

• z索引
• 字体重量
• 行高
• 计数器复位
• 计数器递增
• 体积
• 应力
• 音高范围
• 丰富

Answer 2

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

请注意，这是可以哪些属性无单元的列表，但并不总是 。另请注意，任何可以接受'length'值的属性都可以接受0的无单位值。

这列出了所有接受数值的CSS3属性（ [i] nteger或 [f] loat）：

• animation-iteration-count（i）
• border-image-slice（f）
• border-image-width（f）
• column-count（i）
• 反增量（i）
• counter-reset（i）
• flex（i）
• flex-grow（i）
• flex-shrink（i）
• font-size-adjust（f）
• font-weight（i）
• line-height（f）
• nav-index（i）
• 不透明度（f）
• 订单（i）
• 孤儿（i）
• tab-size（i）
• 寡妇（i）
• z-index（i）

除此列表外，CSS2规范还专门包括：

• 音高范围（f）
• 丰富度（f）
• 语速（f）
• 压力（f）
• volume（f）

除此之外，技术上还有一些不起眼的（与SVG相关）：

• flood-opacity（f）
• mask-box-outset / mask-border-outset（f）
• mask-box-width / mask-border-width（f）
• shape-image-threshold（f）

而且，FTW，这似乎是all properties that ever existed的一个很好的参考。

Answer 3

0以外的每个数值都应该有一个单位。

margin:0; //Good
margin:15; //Bad.  Do you want px, em, %, etc?

Answer 4

我很确定我有一些实例，其中保留了值类型导致其他浏览器中的显示问题。这是因为它们默认为不同的类型 任何类型的0都是0 其中5px（像素）可以与5em（当前字体的大写字母M的宽度）有很大不同 作为一种最佳实践，我说总是使用它们。它只有几个字节的带宽。