HTML文档与CSS的关联常见有4种方式：

1. 
   

   使用link标记

   
   <link rel="stylesheet" type="text/css" href="sheet.css" />
   


2. 
   

   使用style元素

   
   <style type="text/css">
   body{background:#fff;}
   h1{font-size:2em;}
   </style>
   


3. 
   

   使用@import指令

   
   <style type="text/css">
   @import url(sheet1.css);
   @import "sheet2.css";
   </style>
   


4. 
   

   使用style属性的内联样式(inline style)

   
   <p style="color:#f00;">这是红色的字</p>
   

在实际应用中，使用style属性的内联样式是不推荐使用的，XHTML1.1已经将其标准为不建议使用，原因很简单这种方式不比font标记强多
少，削弱了CSS集中控制整个文档外观的优点。前3种方式利用了link标记和style标记，在IE(包括IE6、IE7和IE8
beta1)中有如下限制：

文档中只有前31个link或style标记关联的CSS能够应用。

• 3
• 挖它!