在visual studio中,我可以在CSS值中鍵入「blue」,例如它會將其轉換爲合適的RGB。是否可以定義自定義顏色?我希望能夠定義「companyBlue」或「companyOrange」。在Visual Studio中定義自定義顏色?
回答
由於您使用的是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://www.w3.org/TR/css3-color/#html4。幾乎所有的瀏覽器都支持非官方的顏色(矢車菊藍,中牛海藍寶石等)。通常最好不要使用它們,因爲大多數名稱長度超過7個字符:http://en.wikipedia.org/wiki/Web_colors#X11_color_names – cimmanon 2013-03-15 19:42:07
@cimmanon這只是規範,它取決於瀏覽器遵循它,但他們可以使用他們想要的任何十六進制值 – user2019515 2013-03-15 19:43:14
這是有點什麼規範,告訴瀏覽器開發者需要實現什麼以及如何實現。 – cimmanon 2013-03-15 19:50:33
我發現了這一點,但真的不愛了解決方案: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恆恐怖故事或其他任何建議,請在下面添加您的評論 。
大多數情況下,OP沒有使用CSS文件,而只是將顏色與每個元素的屬性相加。 – user2019515 2013-03-15 19:16:23
我是OP,我正在使用CSS文件;) – 2013-03-15 19:17:14
- 1. 定義自定義顏色
- 2. Visual Studio 2010自定義顏色選擇器
- 3. Visual Studio 2013 Update 4刪除類的自定義顏色
- 4. 定義將顯示在colordialog中的特定自定義顏色?
- 5. 自定義顏色條的顏色MATLAB
- 6. 自定義Visual Studio Mac 2017
- 7. 自定義Visual Studio 2012
- 8. UIAlertView自定義顏色
- 9. ASPxColorEdit自定義顏色
- 10. C#Trackbar自定義顏色
- 11. 自定義ListView ContextMenu顏色
- 12. 自定義幾何顏色
- 13. Angular Material自定義顏色
- 14. 如何在c#中自定義顏色?
- 15. CMFCTabCtrl顏色自定義
- 16. 自定義陰影顏色
- 17. 自定義Android ListView顏色?
- 18. UITableViewCell的自定義顏色
- 19. CKEDITOR - 自定義顏色
- 20. 自定義MKPinAnnotationView顏色
- 21. MonoTouch自定義UISwitch顏色
- 22. WinDBG自定義:顏色?
- 23. Highcharts自定義顏色
- 24. 自定義TAdvSmoothListBox項顏色
- 25. android tabhost自定義顏色
- 26. Plotly自定義顏色
- 27. jqgrid自定義行顏色
- 28. emacs自定義面顏色
- 29. Visual Studio顏色屬性編輯器中的自定義調色板
- 30. 在ant中自定義AnsiColorLogger的顏色?
不是一個真正的回答你的問題,但是看看http://lesscss.org/ 。它給你變量。 – 2013-03-15 19:14:32
有趣。它僅在現代瀏覽器中介紹了關於rhino,node.js或客戶端的一些信息。這到底意味着什麼?如果我的所有用戶都在IE8或更高版本上,是否有任何設置或先決條件? – 2013-03-15 19:16:23
要回答我自己的問題,現在我是一個noob ++,只是爲了編譯LESS到CSS。許多IDE都有插件可以自動地爲你做。 – 2014-12-10 18:36:17