更新时间：2024-11-13 GMT+08:00
直接编写样式代码
样式面板提供了可直接配置的样式，满足了大部分的基础样式需求。如果这些样式还是不能满足您的需求，AstroPro还提供了直接编写样式代码的方式来配置样式。
编写行内样式
等效于直接在html标签style属性里直接声明样式，权重高，用于覆盖样式。
- 参考登录AstroPro界面中操作，登录AstroPro界面。
- 在左侧导航栏中，选择。
- 单击待编辑应用模块内的“开发应用”，进入设计器。
- 画布中选中组件，在组件属性设置面板选择“样式”。
- 单击行内样式的编辑框。
- 在弹框中直接编写行内样式。
图1 编写行内样式
- 单击“保存”，完成行内样式编辑。
图2 效果展示
编写全局样式
- 参考登录AstroPro界面中操作，登录AstroPro界面。
- 在左侧导航栏中，选择“前端应用”。
- 单击待编辑应用模块内的“开发应用”，进入设计器。
- 画布中选中组件，在组件属性设置面板选择“样式”。
- 单击全局样式的
。 - 在弹框中直接编写全局样式。
可以直接声明多条CSS样式或其他媒体查询的样式。
图3 编写全局样式
- 单击“保存”，完成全局样式编辑。
- 通过类名绑定已创建的全局样式。
图4 效果展示
父主题： 样式设置
