Adding Cascading Style Sheets to Themes

As an alternative to Skins, you can use a CSS file to control the appearance of both the HTML elements and ASP.NET controls contained in a page. If you add a CSS file to a Theme folder, the CSS is automatically applied to every page to which the Theme is applied.

For example, the CSS in Listing 6.13 contains style rules applied to several different HTML elements in a page.

Listing 6.13. App_Themes\StyleTheme\SimpleStyle.css

images

If you add the SimpleStyle.css file to a Theme named StyleTheme (a folder named StyleTheme in the App_Themes folder), the Cascading Style Sheet is applied automatically to the page ...

Get ASP.NET 4 Unleashed now with the O’Reilly learning platform.

O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.