"Stylin' with CSS: A Designer's Guide 2nd Edition"
This problem is known as a FOUC (meaning Flash Of Un-styled Content, not named after one??™s reaction upon seeing it). Using a link tag instead of an @import style in the XHTML to associate the import style sheet will ?¬? x this problem. As long as you have at least one link tag in your XHTML page, you will not see a FOUC. So, if you want to prevent the possibility of this problem, you can link the page to the import style sheet with a regular link tag, as I do in the examples in this chapter. If a link tag, or a script tag (used to associate JavaScript with your page) is present in the head of the page, your page won??™t trigger a FOUC. Learn more about the FOUC problem at http://bluerobot.com/web/css/fouc.asp/. For the Registration page, which will have a full-size form in the content area but doesn??™t need the small sign-in form on the sidebar, I might create an import sheet called import_3liq_txt_form_menu. css, which contains this: @import url(3_col_liquid_faux.css); @import url(text_n_colors.css); @import url(form_layout_2_col.css); @import url(multi_drop_menus_class.css); which I associate with the Registration page with rel="stylesheet" /> Note I always start the import sheet names with import_ so I know they are the pointers to the actual style sheets. You can improve on the naming of these import sheets by relating them to the sections of your site??”import_product_listings.