通过

管理 CSS 文件

  • 项目

级联样式表 (CSS) 允许您控制站点的格式和样式。

默认情况下，新的 Power Pages 站点会将 bootstrap.min.css、theme.css 和 portalbasictheme.css 文件安装为站点模板的一部分。

您可以使用“样式”工作区修改样式，也可以上传您自己的自定义 CSS 文件。

当您上传新的自定义 CSS 文件时，该文件可在门户管理应用中用作 Web 文件提供。

备注

Power Pages 站点使用 Bootstrap 3.3.x。 站点开发人员不应将 Bootstrap 3 替换为其他 CSS 库，因为 Power Pages 中的部分方案依赖于 Bootstrap 3.3.x。 更多信息：Bootstrap 概述。

在“样式”工作区中管理自定义 CSS 文件

  1. 转到 Power Pages。

  2. 针对要添加页面的站点选择编辑。

  3. 选择样式工作区。

  4. 在“样式”工作区中的更多选项下面选择管理 CSS 选项。

    使用设计工作室管理 CSS 文件。

上传 CSS 文件

在管理 CSS 面板中，将显示默认 CSS 文件的列表：

  • bootstrapmin.css
  • theme.css
  • portalbasictheme.css

要上传自定义 CSS 文件，请选择上传并选择自定义 CSS 文件。

使用设计工作室上传 CSS 文件。

备注

  • 您可以上传最大为 1 MB 的自定义 CSS 文件。
  • 上传自定义 CSS 文件后，预览将反映在右侧。
  • 上传的自定义 CSS 文件将适用于所有主题。

更多选项

选择自定义 CSS 文件右侧的 ...（省略号），您可以在此处提高或降低文件的优先级，并禁用自定义 CSS 文件。

备注

底部列出的 CSS 文件优先级较高，这意味着如果两个文件包含相同属性的更新，则将应用列表中较低文件中包含的更新。

CSS 文件的优先级顺序。

建筑

任何自定义 CSS 文件的优先级都低于默认的 portalbasictheme.css，但高于 theme.css。 此优先级的目的是鼓励使用样式面板自定义样式以获取现成的样式选项。

备注

我们建议自定义 CSS 只应用于格式化样式窗格中未提供的现成样式。

警告

请不要停用、删除或更改任何默认 CSS 文件（bootstrap.min.css、theme.css 或 portalbasictheme.css）的显示顺序。 您将在设计工作室中看到一个错误。
使用“门户管理”应用更新 CSS 文件。
打开门户管理应用并还原默认 CSS 文件的默认状态和显示顺序以解决该问题。

删除自定义 CSS 文件

  1. CSS 文件将存储为 Web 文件。 要删除自定义 CSS 文件，转到“门户管理”应用，选择 Web 文件。

  2. 找到自定义 CSS 文件记录。 您可能需要筛选名称和网站值来找到正确的记录。

  3. 选择 Web 文件记录后，选择删除。

  4. 在设计工作室中，选择同步配置清除自定义 CSS 中的样式更改。

另请参阅