gpt4 book ai didi

html - 为个性化页面视觉效果存储和返回自定义 CSS 的有效方法

转载 作者:搜寻专家 更新时间:2023-10-31 21:47:24 25 4
gpt4 key购买 nike

我有一个网络应用程序需要显示其 CSS 值通过表单设置的页面。需要明确的是:不是 CSS 参数,只是它们的值是用户定义的。

我正在使用一个框架 (jquery mobile)。我的 css 文件大约有 700 行(sass 文件稍长但充满了颜色、边距等的注释和变量)。大约有十几个变量需要由用户定义(例如 $pageBackgroundColor$borderWidth$spanColor ),但每个变量在 sass 文件中使用了多次。

假设我现在将这十几个变量安全地存储在我的数据库中,并且用户请求了一个页面。如何提供必要的 CSS?

我可以:

  • 在提交表单和链接时编译一个缩小的 css 文件当一个页面被请求时它(缺点:我的服务器上可能有几千个 CSS 文件)
  • 编译一个缩小的 css 文本字符串并将其转储到两个 <style> 之间<head> 中的标签(缺点:丑陋,没有缓存,请求处理时间增加)

还有其他选择吗?我看过一个为每个用户定制视觉效果的网站,他们为每个人准备了一个单独的 CSS 文件。

如果相关的话,我正在使用 Django+Postgres 后端。

最佳答案

您可以将这些变量用于内联 CSS 的样式声明移动到 <head> 中.此外,您可以只使用几种样式来完成此操作,但这确实需要您向 HTML 添加更多类:

<style type="text/css">
.user-background-color {
background-color: #abc123;
}
.user-color {
color: #abc123;
}
.user-border-color {
border-color: #abc123;
}
</style>

然后您的 HTML 会获得额外的类:

<div class="style-1 style-2 user-border-color"></div>

关于html - 为个性化页面视觉效果存储和返回自定义 CSS 的有效方法,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/34295328/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com