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