• CSS 单位
    • CSS color 单位
      • 注意
    • CSS length 单位
    • CSS number 单位
    • CSS percentage 单位 (暂不支持)

    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; }

    不支持类似 em，rem，pt 这样的 CSS 标准中的其他长度单位。

    CSS number 单位

    仅仅一个数字。用于 opacity，lines等。

    有时值必须是整数，例如：lines。

    CSS percentage 单位 (暂不支持)

    表示百分比值，如“50％”，“66.7％”等。

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