Warning: file_get_contents(/data/phpspider/zhask/data//catemap/1/visual-studio-2012/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Css 在visual studio中定义自定义颜色?_Css_Visual Studio 2012_Rgb - Fatal编程技术网

Css 在visual studio中定义自定义颜色?

Css 在visual studio中定义自定义颜色?,css,visual-studio-2012,rgb,Css,Visual Studio 2012,Rgb,例如,在VisualStudio中,我可以在CSS值中键入“blue”,它会将其转换为适当的RGB。可以定义自定义颜色吗?我希望能够定义“companyBlue”或“companyrange”。我发现了这一点,但并不真正喜欢解决方案: 要真正实现常数,您需要使用除 CSS在将文件发送到浏览器之前对其进行处理。你可以用 任何脚本语言–PHP、ASP、ColdFusion等,用于解析CSS文件 在其中输入了常量。所以在 您将拥有的CSS文件: $darkgrey = '#333333'; $dar

例如,在VisualStudio中,我可以在CSS值中键入“blue”,它会将其转换为适当的RGB。可以定义自定义颜色吗?我希望能够定义“companyBlue”或“companyrange”。

我发现了这一点,但并不真正喜欢解决方案:

要真正实现常数,您需要使用除 CSS在将文件发送到浏览器之前对其进行处理。你可以用 任何脚本语言–PHP、ASP、ColdFusion等,用于解析CSS文件 在其中输入了常量。所以在 您将拥有的CSS文件:

$darkgrey = '#333333'; 
$darkblue = '#000066';
CSS文件的其余部分 这是正常的,只是当你开始使用常量值时 将使用常量名称而不是添加颜色:

p { color: $darkgrey; } 
然后,服务器端脚本可以解析 CSS文件,将常量名称替换为常量值,然后 向浏览器提供有效的CSS文件。克里斯蒂安·海尔曼已经做到了 仅此适用于PHP,但它可以适用于您所使用的任何语言 您的服务器上可能有可用的

肖恩·英曼想出了另一种方法来消除 需要链接到PHP脚本,还可以添加常量 使用at规则的语法。此方法再次使用PHP,并将 要求您编辑.htaccess文件

另一种方法是使用脚本生成静态CSS文件 本地–如果常数只是为了提高开发速度—— 或者作为web应用程序本身的一部分。存储模板 使用常量名称代替您希望使用的值的样式表 更新意味着您的脚本只需打开模板,替换 输入变量并将结果保存为新的样式表文件

虽然CSS常量对开发人员有很大帮助,但它们也可以 用于向应用程序添加新功能。就像电子邮件一样 解决我在本文开头使用的示例,使用 CSS和服务器端脚本的结合可以启用站点 管理员为新主题选择颜色,以便在 内容管理站点的页面。通过使用常量,您只需给出 他们可以选择更改CSS的某些部分,而不上载 完全不同的CSS文件,这可能会导致一些有趣的 结果

因为我们不太可能在树下找到真正的CSS常量 以上方法都是一些更好的方法 样式表的管理。但是如果你有更好的方法, CSS不断的恐怖故事或任何其他建议,添加您的 评论如下


由于您使用的是
CSS
文件,因此不应使用任何颜色名称,如
Blue
Green
,。。。因为浏览器自己决定给这些颜色赋予什么颜色值。与Google Chrome相比,IE中的绿色可能是完全不同的颜色

我建议使用十六进制值,例如:

#000 /* Black */
#fff /* White */
#f00 /* Red */
使用类似photoshop的颜色选择器,您可以轻松获得十六进制值:

现在,回到您最初的问题,如何在CSS中使用变量,如
companyrange
?简单地说。。。只有CSS,你不能使用任何变量。但是,您可以在CSS文件顶部的注释中“存储”该值,如下所示:

/*
    COLORS
    Black:          #000    
    Company Orange: #f64;
    Company grey:   #444;
*/
如果您真的想使用变量,您可以使用CSS预处理程序,如SASS、LESS、触控笔等,。。。所有这些都使用变量

阅读更多信息:


这不是你问题的答案,但请看一看。它给你变量,很有趣。它只介绍了rhino、node.js或现代浏览器中的客户端。这到底是什么意思?如果我的所有用户都在IE8或更高版本上,是否有任何设置或先决条件?回答我自己的上述问题,现在我是一个noob++,只用于将LESS编译为CSS。许多IDE都有插件,可以随时自动为您完成。OP很可能不是使用CSS文件,而是简单地添加带有每个元素属性的颜色。我是OP,我使用的是CSS文件;)实际上,有些颜色被定义为对应于特定值:。几乎每个浏览器都支持非官方颜色(矢车菊蓝、mediumaquamarine等)。通常最好不要使用它们,因为大多数名称都超过7个字符:@cimmanon这只是规范,由浏览器来遵循它,但他们可以使用任何他们想要的十六进制值?这就是规范的目的,告诉浏览器开发人员需要实现什么以及如何实现。是的,但浏览器开发人员未能正确遵循规范,这就是为什么网站在IE中的外观可能与Chrome不同的原因为了记录在案,我最终用得更少,并且爱上了它。我现在出门都带着它。