首先介紹一下HTML文檔與CSS 的關(guān)聯(lián)常見有4種方式：

1、使用link標(biāo)記

＜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屬性的內(nèi)聯(lián)樣式(inline style)

＜p style="color:#f00;"＞這是紅色的字＜/p＞

在實(shí)際應(yīng)用中，使用style屬性的內(nèi)聯(lián)樣式是不推薦使用的，XHTML1.1已經(jīng)將其標(biāo)準(zhǔn)為不建議使用，原因很簡(jiǎn)單這種方式不比f(wàn)ont標(biāo)記強(qiáng)多少，削弱了CSS集中控制整個(gè)文檔外觀的優(yōu)點(diǎn)。

前3種方式利用了link標(biāo)記和style標(biāo)記，在IE(包括IE6、IE7和IE8 beta1)中有如下限制：

◆ 文檔中只有前31個(gè)link或style標(biāo)記關(guān)聯(lián)的CSS能夠應(yīng)用。

從第32個(gè)開始，其標(biāo)記關(guān)聯(lián)的CSS都將失效。IE的官方文檔All style tags after the first 30 style tags on an HTML page are not applied in Internet Explorer也提及這個(gè)限制，包括在使用.xsl的.xml文件也有這個(gè)限制。但是似乎寫錯(cuò)了數(shù)量。請(qǐng)?jiān)贗E看：

◆ 一個(gè)style標(biāo)記只有前31次@import指令有效應(yīng)用。

從第32個(gè)@import指令開始忽略。

◆ 一個(gè)css文件只有前31次@import指令有效應(yīng)用。

從第31個(gè)@import指令開始忽略。

◆ 一個(gè)CSS文件的不能超過288kb？

這個(gè)消息來(lái)自Internet Explorer CSS File Size Limit。

IE對(duì)CSS的限制在絕大部分情況下是不會(huì)遇到的，即使遇到最佳的解決方案也應(yīng)該是手動(dòng)或者通過后端程序?qū)�CSS文件和響應(yīng)的標(biāo)記進(jìn)行合并，最小化的http請(qǐng)求數(shù)是優(yōu)化頁(yè)面呈現(xiàn)的第一原則。