Home arrow Style Sheets arrow Working with Multiple Style Sheets

Working with Multiple Style Sheets

As the Web evolves steadily, more and more sites are providing their visitors with different mechanisms for customizing their surfing experience. Nowadays, it's quite common to visit a web site that allows users to change background and foreground colors of specific sections of that site, alter the size of the font, or even modify the position of certain elements by implementing "draggable" user interfaces.

Author Info:
By: Alejandro Gervasio
Rating: 5 stars5 stars5 stars5 stars5 stars / 13
September 11, 2007
  1. · Working with Multiple Style Sheets
  2. · Working with alternate style sheets
  3. · Switching alternate style sheets in a cross-browser fashion: defining a basic JavaScript function
  4. · Swapping alternate style sheets

print this article

Working with Multiple Style Sheets
(Page 1 of 4 )

Definitely, this level of customization is more evident when visitors are allowed to modify (only partially) the visual appearance of a given web site. This implies the existence behind the scenes of an application that manipulates the CSS styles associated with the web site.

Of course there are different approaches that can be used for changing the CSS styles of a specific web site. These range from the modification of a few elements to altering the visual appearance of the entire web document. However, one of the most popular techniques used these days takes advantage of multiple style sheets, which can be alternated by the mean of some embedded tools provided by the web surfer's own browser (Mozilla Firefox is a good example of this) and via server/client-side scripting.

As you can see, providing users with the capacity for swapping complete style sheets can be quite useful in certain cases, particularly if you're trying to make your web site more customizable and accessible to your visitors. Definitely, you'll have to agree with me that the topic is not only interesting, but implies learning different approaches to changing the style sheets of a given web document.

So, assuming that you might want to learn different methodologies for switching complete style sheets, in this series, which is made up of three tutorials, I'll be demonstrating with numerous easy-to-follow examples how to alternate between the distinct style sheets assigned to a selected web document. This will provide you with the required background to incorporate this capacity into your own web applications.

With the preliminaries already out of the way, let's learn together how to manipulate several style sheets attached to a given web page. You won't disappointed, trust me!

blog comments powered by Disqus

- CSS Padding Overview
- CSS: Margins Overview
- Top CSS3 Button Tutorials
- More Top CSS3 Tutorials for Animation and Im...
- CSS Mega Menus: Adding Extra Sections
- CSS Mega Menus
- CSS3 Accordian Menu: Horizontally Display Hy...
- CSS Combinators: Working with Child Combinat...
- CSS Combinators: Using General Siblings
- Intro to CSS Combinators
- CSS Semicircles and Web Page Headers
- Drawing Circular Shapes with CSS3 and Border...
- More CSS Pagination Link Templates
- CSS Pagination Links
- Animated CSS3 Image Gallery: Advanced Transi...

Watch our Tech Videos 
Dev Articles Forums 
 RSS  Articles
 RSS  Forums
 RSS  All Feeds
Write For Us 
Weekly Newsletter
Developer Updates  
Free Website Content 
Contact Us 
Site Map 
Privacy Policy 

Developer Shed Affiliates


© 2003-2019 by Developer Shed. All rights reserved. DS Cluster - Follow our Sitemap
Popular Web Development Topics
All Web Development Tutorials