CSS 樣式需要引用到 HTML 中才能真正有效，那么如何才能在 HTML 中引用 CSS 呢？下面就來介紹一下。
您可以在 HTML 頭部（<head>標簽內）的<style>標簽中定義 CSS 樣式，使用內嵌樣式表定義的 CSS 樣式只能在當前網頁內使用，示例代碼如下：
運行效果如下圖所示：
因為內嵌樣式表需要將 CSS 樣式定義在 HTML 文檔的內部，所以會導致文檔的體積變大，而且當有其它文檔也需要使用內嵌樣式表中同樣的樣式時，無法引入到其他文檔，必須在其它文檔中重新定義，會導致代碼冗余，不利于后期維護。
內聯樣式就是將樣式信息直接定義在 HTML 標簽的 style 屬性中，由于內聯樣式定義在標簽內部，所以它只對所在的標簽有效。示例代碼如下：
運行效果如下圖所示：
內聯樣式雖然可以很方便的為 HTML 標簽賦予 CSS 樣式，但它的缺點也非常明顯，不推薦過多使用。
定義內聯樣式需要在每個 HTML 標簽中定義 style 屬性，很不方便；
在內聯樣式中使用雙引號或單引號時要特別小心，因為 HTML 標簽的屬性通常都會使用雙引號來包裹屬性的值，例如<input type="text">；
在內聯樣式中定義的樣式不能再其它任何地方重用；
內聯樣式在后期維護時很不方便，因為一個網站通常有很多頁面組成，當修改頁面樣式時需要對頁面逐個修改；
添加過多的內聯樣式會導致 HTML 文檔的體積增大。
