ReSharper comes with a couple of features that help you in writing HTML and CSS code.

The first feature is IntelliSense for HTML tags, attributes, CSS attributes, and values. In a very smart way, it prompts you about what you wish to probably write. These options are shown in the following screenshot:

ReSharper can not only prompt defined CSS attributes, but also your custom CSS classes, as shown in the following screenshot:

ReSharper analyzes your CSS files (and CSS inline code) and allows you to use created classes in your code. What is really cool is that ReSharper prompts these classes not only in HTML code, but also in ASP.NET (MVC) as well as JavaScript.

Additionally, ReSharper provides you with context actions that also help you in writing code. They allow you to remove HTML attributes, add tags, and quickly create the table structure. The following screenshot shows you how you can easily create new table rows:

In the same way, you can create new columns.

In the case of CSS, ReSharper comes with a set of context actions that allow you to convert different methods of presenting colors, such as named colors, hex, and RGB.

ReSharper also displays visually used colors any time you specify a color, as shown in the following screenshot:

You can also adjust your color by using a palette color. Just move your cursor to the color definition, press Alt + Enter, and select Pick color from palette.

CSS hierarchy is a very useful tool that shows you how CSS classes inherit from other classes. A sample view of the CSS hierarchy window is shown in the following screenshot:

The CSS hierarchy makes it easier to understand which style will be applied to the HTML elements.

Similar to other languages, you can display the file structure for HTML and CSS code as you can see in the following screenshot:

This helps you quickly go to the proper place in your file.

You can also search CSS classes with the Go to everything option (Ctrl + T) and use the Go to declaration or Find usages features to quickly check how your CSS class is declared and where it is used.

Go to file member (Alt + ) works for both CSS and HTML code.

There are a couple of CSS and HTML versions which may be supported by browsers a bit differently sometimes. ReSharper can check if your code is compatible with the CSS and HTML version that you are using as well as with specific versions of different browsers.

You can configure these settings in the ReSharper options by navigating to Code Editing | CSS | Inspections, as shown in the following screenshot:

You can also use templates in HTML and CSS code. From these templates, you can find the following tags:

Remember that you can create your own templates as you need!

Code analysis is also available in HTML and CSS, where it can quickly find and fix some common errors, such as unknown tags and IDs, and unused, obsolete, or redundant code.

You can find the list of available code analysis in ReSharper options by navigating to Code Inspection | Inspection Severity.