CSS 单位

CSS color 单位

支持以下写法:

  1. .classA {
  2. /* 3-chars hex */
  3. color:#0f0;
  4. /* 6-chars hex */
  5. color:#00ff00;
  6. /* rgba */
  7. color: rgb(255,0,0);
  8. /* rgba */
  9. color: rgba(255,0,0,0.5);
  10. /* transparent */
  11. color: transparent;
  12. /* Basic color keywords */
  13. color: orange;
  14. /* Extended color keywords */
  15. color: darkgray;
  16. }

注意

  • 不支持 hsl(), hsla(), currentColor, 8个字符的十六进制颜色。

  • rgb(a,b,c)rgba(a,b,c,d) 的性能比其他颜色格式差很多,请选择合适的颜色格式。

颜色名称可查看 颜色名称列表.

CSS length 单位

在 Weex 中,我们只支持 px 长度单位。并且它将在 JavaScript 运行时和本机渲染器中解析为数字类型。

下面这些不同的写法,解析的结果完全相同。

  1. .classA { font-size:48px; line-height:64px;}

不支持类似 emrempt 这样的 CSS 标准中的其他长度单位。

CSS number 单位

仅仅一个数字。用于 opacitylines等。

有时值必须是整数,例如:lines

CSS percentage 单位 (暂不支持)

表示百分比值,如“50%”,“66.7%”等。

它是 CSS 标准的一部分,但 Weex 暂不支持。