显示效果

1.图片or视频
2.效果代码下载

长度单位

我们支持 **px**``**rpx**``**%**``**vw**``**vh**长度单位。对于不希望受屏幕宽度和 viewPortWidth 影响的尺寸，可使用rpx、%、vw、vh。
注意

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

  • 单位 px不可省略，否则在 H5 环境无法正确渲染；

    数值单位

    除了长度单位外，还有数值单位，仅仅一个数值，后面没有 px 等单位。用于 opacity，lines，flex 等属性指定一个纯数值。
    有时值必须是整数，例如：**lines**

    颜色单位

    支持多种颜色单位：

  • 精简写法的十六进制，如#f00

  • 十六进制，如 #ff0000
  • RGB， 如 rgb(255, 0, 0)
  • RGBA，如 rgba(255, 0, 0, 0.5)

  • 色值关键字，如 red

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

    注意

  • 只有上面列出的颜色格式被支持，其他颜色格式均不被支持。

  • 6-chars hex16进制颜色值 是性能最好的颜色使用方式。除非有特殊原因，请使用6-chars hex格式。

    颜色关键字列表

    | 颜色名 | 十六进制RGB值 | | —- | —- | | black | #000000 | | gray | #808080 | | white | #FFFFFF | | red | #FF0000 | | purple | #800080 | | green | #008000 | | yellow | #FFFF00 | | blue | #0000FF |