在Visual Studio中定義自定義顏色？

Question

在visual studio中，我可以在CSS值中鍵入「blue」，例如它會將其轉換爲合適的RGB。是否可以定義自定義顏色？我希望能夠定義「companyBlue」或「companyOrange」。

Answer 1

由於您使用的是CSS文件，那麼你不應該使用任何colornames像Blue，Green，可...由於瀏覽器自己決定，他們給這些顏色的顏色值。與Google Chrome相比，顏色Green在IE中可能是完全不同的顏色。

我使用推薦的十六進制值，而不是像：

#000 /* Black */ 
#fff /* White */ 
#f00 /* Red */ 

您可以輕鬆獲得的十六進制值，與這Photoshop般的色彩選擇：http://www.2createawebsite.com/build/hex-colors.html

現在，回到你原來的問題，怎麼樣你可以在CSS中使用像companyOrange這樣的變量嗎？簡單地說......只有CSS，你不能使用任何變量。但是你可以「儲存」在你的CSS文件的頂部像這樣評論的價值：

/* 
    COLORS 
    Black:   #000  
    Company Orange: #f64; 
    Company grey: #444; 
*/ 

如果你真的想用變量來代替，你可以使用一個CSS預processesor如SASS，LESS ，Stylus，...所有這些都使用變量。

瞭解更多：

• http://sass-lang.com/
• http://lesscss.org/
• http://learnboost.github.com/stylus/

Answer 2

我發現了這一點，但真的不愛了解決方案：http://24ways.org/2006/faster-development-with-css-constants/

要真正實現你將需要使用其他的東西比 CSS處理文件，然後發送到瀏覽器的常數。您可以使用 任何腳本語言 - PHP，ASP，ColdFusion的等解析中，你已經進入常數CSS文件 。這樣在 一個常數部分CSS文件中，可以有：

$darkgrey = '#333333'; 
$darkblue = '#000066'; 

CSS文件 的其餘部分，除了正常的，當你來到使用恆定值，你 將使用恆定的名稱，而不是的添加顏色：然後

p { color: $darkgrey; } 

您的服務器端腳本可以解析 CSS文件，用常數值替換常量名和 成爲一個有效的CSS文件瀏覽器。基督教海爾曼做 只是這爲PHP然而，這可以適應你 可能有你的服務器上可用任何語言。

Shaun Inman提出了另一種方法，即刪除需要鏈接到PHP腳本的 ，並使用at-rules語法添加常量 。這種方法再次使用PHP，並且 要求您編輯.htaccess文件。

另一種方法是在本地使用腳本 生成靜態CSS文件 - 如果常量只是爲了實現開發速度 - 或作爲Web應用程序本身的一部分。存儲與地方的值的常量名模板 樣式表，你會想 更新意味着你的腳本可以簡單地打開該模板，替換 變量，並將結果保存爲一個新的樣式表文件。

雖然CSS常量是給開發者一個真正的幫助，它們也可以用於新的功能添加到您的應用程序 。與我在本文開頭使用的電子郵件地址示例 一樣，使用 CSS和服務器端腳本的組合，您可以使管理員爲站點 頁面選擇一個新主題的顏色，以便在 頁面上使用內容管理網站的內容。通過使用常量你只需要給他們 更改CSS的某些部分，而不是上傳 完全不同的CSS文件，這可能導致一些有趣的結果 選擇！

由於我們是不可能找到樹下真正的CSS常量這個 聖誕節上面的方法都更好的 管理您的樣式表的一些可能性。但是，如果你有更好的方法， CSS恆恐怖故事或其他任何建議，請在下面添加您的評論 。