CSS框架和配色方案

发布于 2024-11-04 15:24:06 字数 191 浏览 1 评论 0原文

我找不到可以让我插入自己的配色方案的 CSS 框架。

例如,在我当前的项目中,我导入了blueprint/screen.css。要更改字体的颜色,我必须更改 body { color..}、h2 { color..}、h3 {color..} 等。

难道没有什么东西可以提供很好的 css 默认值,而且还可以我们可以尝试一下配色方案吗?

I can't find a CSS frameowrk that lets me plugin my own color scheme.

For example, in my current project I imported blueprint/screen.css. To change the color of the font, I have to change body { color..}, h2 { color..}, h3 {color..}, etc.

Isn't there something out there that provides nice css defaults, but also lets may play around with color schemes?

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

思慕 2024-11-11 15:24:06

您可以尝试 http://lesscss.org/

它允许您在 CSS 中使用诸如变量之类的东西,这听起来正是您所追求的:

// LESS

@color: #4D926F;

#header {
  color: @color;
}
h2 {
  color: @color;
}

You can try http://lesscss.org/.

It allows you to use things such as variables in your CSS, which sounds like exactly what you're after:

// LESS

@color: #4D926F;

#header {
  color: @color;
}
h2 {
  color: @color;
}
凉城已无爱 2024-11-11 15:24:06

创建您自己的 CSS 文件,该文件在蓝图之后加载。您需要重新定义所有内容,但蓝图默认值与浏览器默认值相差不远。

如果您想要快速切换多种配色方案,请在 标记上设置类。然后使用 CSS 文件为每个文件定义自定义样式。

CSS:

.theme1 body {
    font-family: Tahoma;
    color: #500;
}

.theme2 body {
    font-family: Verdana;
    color: #050;
}

对于第一个主题:

<html class="theme1">

对于第二个主题:

<html class="theme2">

Create your own CSS file that loads after Blueprint. You'll need to redefine everything, but the Blueprint defaults aren't far off from the browser defaults.

If you have multiple color schemes you want to quickly switch out, set the class on your <html> tag. Then use your CSS file to define custom styles for each.

CSS:

.theme1 body {
    font-family: Tahoma;
    color: #500;
}

.theme2 body {
    font-family: Verdana;
    color: #050;
}

For the first theme:

<html class="theme1">

For the second theme:

<html class="theme2">
千里故人稀 2024-11-11 15:24:06

您不能只编辑 blueprint/screen.css 文件吗?您还可以使用 SASS 之类的东西,然后在样式表顶部创建所有默认值,然后在渲染样式表时让它遍历整个样式表。

Couldn't you just edit the blueprint/screen.css file? You could also use something like SASS and then create all the defaults at the top of the stylesheet and then have it go throughout the stylesheet when it renders it.

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文