Beginning ASP.NET 4.5 in CSharp and VB Opsylum

Working with CSS in Visual Studio x 87
on the img element are ignored. For example the image in this code snippet ends up as a 100-pixel
square:
img
{
height: 100px;
width: 100px;
}
...
NOTE There’s a lot more to CSS than what is shown here. To learn more
about CSS, pick up a copy of Beginning CSS: Cascading Style Sheets for
Web Design, 3rd Edition Wrox, 2011 by Richard York and Ian Pouncey (ISBN:
978-0-470-89152-0).
In general, it’s recommended that you attach external files at the top of the section, followed
by embedded style sheets. That way, the external file defines the global look of elements, and you
can use embedded styles to overrule the external settings on a page-by-page basis.
VS makes it easy to move embedded style sheets to an external CSS file, something you learn how to
do in the next section, which discusses the remainder of the CSS tools in VS.
WORKING WITH CSS IN VISUAL STUDIO
The previous version of VS already had a number of great tools on board to make working with CSS
as easy as possible, including:
‰ The CSS Properties Grid, which enables you to change property values.
‰ The Manage Styles window, which enables you to organize styles in your site, changing them
from embedded to external style sheets and vice versa; reorder them; link existing style sheets
to a document; and create new inline, embedded, or external style sheets.
‰ The Apply Styles window, which you can use to choose from all available styles in your site
and quickly apply them to elements in your page.
‰ The Style Builder, which you can use to visually create declarations, as you saw earlier.
In VS 2012, the CSS tools have been greatly enhanced and now support the following options
as well:
‰ Hierarchical indenting, which makes your CSS code easier to understand.
‰ Smarter IntelliSense features, which makes it easy to enter CSS code manually.
‰ A number of helpful editor features such as the ability to easily comment and uncomment
code, wrap code in collapsible regions, a color picker, and code snippets.
The next sections give you a detailed look at these tools.