03.11.2016 Views

Beginning ASP.NET 4.5 in CSharp and VB Opsylum

You also want an ePaper? Increase the reach of your titles

YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.

96 x CHAPTER 3 DESIGNING YOUR WEB PAGES<br />

FIGURE 3-21<br />

This grid shows a list of applied rules <strong>in</strong> the top part of the w<strong>in</strong>dow <strong>in</strong> the order <strong>in</strong> which they<br />

are applied. The bottom part of the w<strong>in</strong>dow is used to show the CSS properties for those rules. In<br />

Figure 3-21 you see the rules that are applicable to the .Introduction selector.<br />

11. Locate the color property <strong>in</strong> the CSS Properties Grid <strong>and</strong> set it to a dark blue color, like #003399.<br />

To achieve this, open the drop-down list for the property value <strong>and</strong> choose a color from the color<br />

picker. If the color you’re look<strong>in</strong>g for is not available, click the More Colors button to br<strong>in</strong>g up the<br />

extended color picker, shown <strong>in</strong> Figure 3-22.<br />

FIGURE 3-22<br />

Instead of us<strong>in</strong>g the color picker, you can also type a value <strong>in</strong> the Properties Grid directly. This is<br />

how many of the properties work <strong>in</strong> the CSS Properties Grid: they let you enter values directly or<br />

enable you to change the value visually us<strong>in</strong>g a drop-down list or a button with ellipses at the end<br />

of the property’s value box. Figure 3-23 shows the different options you have for the font-style<br />

property <strong>in</strong> a convenient drop-down list.<br />

Take special note of the three buttons at the top of the w<strong>in</strong>dow, because they house some useful<br />

functionality. The first two buttons enable you to switch between categorized mode <strong>and</strong>

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!