"Stylin' with CSS: A Designer's Guide 2nd Edition"
By organizing different combinations of the site??™s style sheets in multiple import sheets, I can then, with a simple style tag in each page, associate a particular set of style sheets with any page that needs them. For example, in the home page for the Stylin??™ site you??™ll ?¬? nd rel="stylesheet" /> This, of course, associates the page with the style sheet import_3liq_txt_signin_menu.css. In that style sheet, as its name suggests, is @import url(3_col_liquid_faux.css); @import url(text_n_colors.css); @import url(sign_in_form.css); @import url(multi_drop_menus_class.css); Now all the style sheets I need for the home page are associated with the home page. I can now add and drop style sheets without having to modify the home page itself. BUILDING WEB PAGES 241 While this is a useful technique, note that a large number of style sheets for a single page are a factor that can affect site performance ??”see the sidebar ???Site Performance.??? Beware the FOUC! Although you can use @import rules in an XHTML page to import style sheets, there is a problem that can occur. With only @import commands in the page and no link or script tags, IE6 can sometimes display the page content without CSS formatting momentarily as the page loads, which is not a very pleasant effect.