• Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint
Share this Page URL
Help

11. Managing Style Sheets > 11.6. Changing Imported Style Sheets After Loading

Changing Imported Style Sheets After Loading

NN 6, IE 5(Win)

Problem

You want users to be able to select a different user interface "skin” for the page by loading a different .css file into a page already being viewed in the browser.

Solution

If you truly adhere to the spirit of separating content from rendering, the look and feel of a page can be controlled exclusively by style sheets. Designing different style sheets can transform the overall appearance of the page—background and foreground colors, margins, font specifications, and so on—even while the content remains the same. If you use a <link> element to import the default skin, you can assign a URL to a different .css file to import a different skin. Here is a sample <link> element:


PREVIEW

                                                                          

Not a subscriber?

Start A Free Trial


  
  • Creative Edge
  • Create BookmarkCreate Bookmark
  • Create Note or TagCreate Note or Tag
  • PrintPrint