Just as in the HTML editor we looked at in the previous recipe, the CSS editor in Visual Studio has been improved. In this recipe, we'll take a look at these improvements by tweaking the default CSS of a web project.
Simply start Visual Studio Express 2013 for Web or any of the premium versions for this recipe. We will create a fresh project, but if you have an existing project in mind that has a relevant CSS file, that should work just as well.
There are several features that are helpful when editing CSS files, so let's take a look at what VS2013 offers by performing following steps:
Open the sample project
WebApp3
, or a project of your own choice that uses CSS files.Open the
StyleSheet1.css
file.Move your cursor to the hex color value in the
background-color
element of thehtml
style and press Ctrl + Space bar to activate the CSS color picker as shown in the following screenshot:Click on the down chevrons (the icon...