【CSS设定规则】

1.主CSS设置注释方法：

    ·添加注释目录。
    ·添加@import url(reset.css);
    ·IE6下使用@import会导致闪屏，FOUC问题。如果文档为xhtml，页面出现一个<link>或<script>就不会发生问题。

/*

    CLIMB THE MOUNTAINS by ERSKINE DESIGN
    VERSION 1.0
    
    CONTENTS ----------
    
           1.BODY
           2.DEFAULT STYLING
           3.HEADINGS
           4.LINKS
           5.IMAGES
           6.LAYOUT
           7.BRANDING/MASTHEAD
           8.NAVIGATION
        9.SITEINFO/FOOTER
        10.GLOBAL ELEMENTS
            10.1 CAPTIONED IMAGE
            10.2 ELEVATION
            10.3 DISTANCE/ELEVATION PARAGRAPH
        11.HOMEPAGE
            11.1 CONTENT PRIMARY
            11.2 CONTENT SECONDARY
            11.3 CONTENT TERTIARY
       
    -------------------
    
    COLOURS -----------
    
        blue #278dab
        green #339900    

    -------------------
    
*/



@import url(reset.css); /* RESET CSS */



/* 1.BODY
---------------------------------------------------------------------- */



/* 2.DEFAULT STYLING
---------------------------------------------------------------------- */



/* 3.HEADINGS
---------------------------------------------------------------------- */



/* 4.LINKS
---------------------------------------------------------------------- */



/* 5.IMAGES
---------------------------------------------------------------------- */



/* 6.LAYOUT
---------------------------------------------------------------------- */



/* 7.BRANDING/MASTHEAD
---------------------------------------------------------------------- */



/* 8.NAVIGATION
---------------------------------------------------------------------- */



/* 9.SITEINFO/FOOTER
---------------------------------------------------------------------- */



/* 10.GLOBAL ELEMENTS
---------------------------------------------------------------------- */


/* 10.1 CAPTIONED IMAGE ------------ */


/* 10.2 ELEVATIONS ------------ */    
    

/* 10.3 DISTANCE/ELEVATION PARAGRAPH ------------ */




/* 11.HOMEPAGE
---------------------------------------------------------------------- */

/* 11.1 CONTENT PRIMARY ------------ */

    
/* 11.2 CONTENT SECONDARY ------------ */

    
/* 11.3 CONTENT TERTIARY ------------ */

2.为其他特定页面或效果引入CSS，通过页面的<link>标签。

3.为IE提供特殊的样式表，防止IE（主要是IE6）出问题。

<!--[if IE 6]>
  <link href="assets/css/screen-ie6.css" type="text/css" rel="stylesheet" media="screen" />
<![endif]-->

<!--[if IE 7]>
  <link href="assets/css/screen-ie7.css" type="text/css" rel="stylesheet" media="screen" />
<![endif]-->

<!--[if IE 8]>
  <link href="assets/css/screen-ie8.css" type="text/css" rel="stylesheet" media="screen" />
<![endif]-->