現在是一個推崇結構，表現，行為想分離的時代，最大的好處就是維護起來比較簡單，方便，代碼重用。把CSS，JS寫在HTML里，就像一個大雜燴，很難理解，可讀性差，文件大，維護起來非常麻煩。
但是CSS到底是內聯還是外聯呢？我們只要分析它的特點就不難得出答案。
CSS內聯：就是把CSS放在HTML Head里使用Style包圍。<style type="text/css"></style>
CSS外聯：就是把CSS放到一個單獨的文件里，然后在HTML通過調用。<link rel="stylesheet" type="text/css" href="">。
我們知道HTTP請求是比較昂貴的，CSS內聯的話肯定會更快，因為把CSS放到HTML文件里，這意味着減少了一次HTTP請求。而外聯的話就是 一次HTTP請求，但是可以緩存，當瀏覽器加載過這個文件時，第二次請求的時候是第緩存里讀取的，所以第二次請求時是很快的，外聯的CSS還可以重用代 碼。那到底是使用內聯還是外聯呢？這就要看需求，如果一個頁面不需要緩存時，也就是這個頁面不太訪問，或者訪問不多的時候，比如注冊頁面，一般情況下人家 只會進入一次，不可能第次進入這個網站你都去注冊，那就另當別論了，這個頁面不需要緩存，把CSS放在Head里時可以縮短加載時間，提高用戶體驗。對於 經常訪問的頁面，外聯肯定是不二的選擇。
在一些大的網站，如：Google，Yahoo也可以看到把CSS寫在Head里。對於結構表現行為分離的原則，我們對於CSS入在Head里是可以接受的，只要不是寫在元素上面。