---
title: .css 样式文件
navTitle: .css
---
# .css 样式文件

`.css` 是浏览器直接使用的样式文件，通常可以看作 `.less` 的编译产物，也可以作为兼容资源或外部样式资源直接维护。

日常开发推荐维护 `.less`，让系统生成 `.css`。只有在样式非常简单、需要直接引入现成 CSS 文件，或需要兼容历史资源时，才建议直接维护 `.css`。

## 常见位置{#locations}

| 位置 | 说明 |
| --- | --- |
| `custom.css` | `custom.less` 的浏览器端样式形式或兼容样式。 |
| `*.spg.css`、`*.dash.css`、`*.rpt.css` | 页面或资源关联的 CSS 样式。 |
| `public/` 下的 `.css` | 公开访问的样式资源。 |

## 编辑注意事项{#notes}

1. 同名 `.less` 存在时，以 `.less` 为源码入口，不建议手工修改 `.css`。
2. 直接写 `.css` 时，不能使用 Less 变量、嵌套、mixin 等语法。
3. 样式影响范围要尽量收敛，避免覆盖产品内置组件样式。
4. 修改后需要在浏览器中检查实际加载顺序和最终生效样式。

## 相关参考{#references}

- [.less 样式脚本文件](./less.md)
- [custom.less 前端自定义样式开发](../../../script/styles/custom-less.md)
- [脚本文件的组织](../../../script/file-organization.md)