通用样式

所有组件都支持以下通用样式规则。

默认通用样式已在本文档中全部列出，一些组件可能有自定义样式，请参考组件文档。除此之外的属性，均不被支持。

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

注意

• 不支持类似 em、rem、pt这样的 CSS 标准中的其他长度单位；
• 单位 px不可省略，否则在 H5 环境无法正确渲染；

CSS样式
盒模型	链接
Flexbox	链接
Transition	链接
Transform	链接
线性渐变	链接
阴影(box-shadow)	链接
opacity(透明度)	链接
background-color	链接

上手样式

如果对于样式写法需要更多上手参考，可参考每个组件的文档中，都有常见的例子可供参考。

你可以按照以下步骤来规划页面的样式。

1. 全局样式规划：将整个页面分割成合适的模块。

2. flex 布局：排列和对齐页面模块。

3. 定位盒子：定位并设置偏移量。

4. 细节样式处理：增加特定的具体样式。