CSS（Cascading Style Sheet）又叫層疊樣式表。是我們學習前端必不可少的一門語言，學習它其實就是為了學會如何去更改頁面標簽的樣式。目前使用最廣的是css3，但同樣的，他是從css2演變過來的，所以我們還是要從css2開始學起。今天就先聊聊如何在html中引用css，以改變頁面樣式。
1.行內引用（行內式）
所謂行內式就是通過style屬性在標簽內部寫。但是這種方法及其不推薦。因為w3c標准就是一直倡導結構和樣式分離，在標簽內部寫會使得css和html代碼交織在一起。
1css.html
<p style="font-size:20px; color:red">行內式</p>
實現效果：
2.內部引用（嵌入式）
所謂內部引用就是在head標簽內添加子標簽style，在子標簽內寫css代碼。當文件的css較少，或者我們自己做測試時多使用這種方式。
1css.html（head部分）
1 <style type="text/css"> 2 /* 嵌入式/內嵌式 */ 3 p { 4 color: aqua 5 } 6 </style>
1css.html（body部分）
1 <p>內部引用</p>
實現效果：
3.外部引用（外部式）
所謂外部引用就是在一個html文件寫標簽結構，在另一個css文件中寫樣式代碼。然后把css文件連接到html文件中。這種方法貫徹了w3c關於結構樣式分離的標准，在實際開發環境中我們往往采用這種方法。因為它維護簡單，可利用性強。
1css.html（head部分）
1 <link rel="stylesheet" href="index.css">
1css.html（body部分）
1 <div> 2 外部引用 3 </div>
index.css
1 div { 2 width: 100px; 3 height:100px; 4 background-color:orange; 5 }
實現效果：
以上就是三種css引用的介紹和小示例，在寫項目時推薦使用外部式，但我們接下來的學習基本都寫的是嵌入式。對於行內式，因為有人這么寫，所以我們要能夠讀懂它，但自己開發時要避免使用。