CSS

ASCF框架样式和网页CSS样式大体相同，用于描述hxml的组件样式，决定hxml的组件显示效果。

为了更适合开发元服务，ASCF对CSS进行了扩充，扩充的特性有样式导入、全局样式与局部样式等。

ASCF框架样式支持rpx (responsive pixel)单位，rpx单位根据屏幕宽度进行自适应，规定屏幕宽度为750rpx。

使用@import语句可以导入外联样式表。@import后需要加上外联样式表路径，用“;”表示结束。

示例代码：

/* /page/common/index.css */
.import-color {
    color: red;
}

/* /page/index/index.css */
@import "/page/common/index.css";
.classColor {
    color: blue;
}

支持使用style、class属性来控制组件的样式。

示例代码：

style：用于接收动态样式，样式在运行时会进行解析。
```
<view style="color:{{styleColor}};" />
```
class：用于指定样式规则。属性值是样式规则中类选择器名（样式类名）的集合，样式类名不需要带上“.”，样式类名之间用空格分隔。
```
<view class="classColor" />
```

目前支持的选择器有：