CSS的樣式表分類及*link和import區別
1、內聯樣式（行間樣式，行內樣式）
建立語法：
<標籤 style="屬性1:值1;屬性2:值2; ……">
</標籤>
2、內部樣式表（巢狀到頁面中）
建立語法：
<style type="text/css">
css語句
</style>
注：使用style標記建立樣式時，最好將該標記寫在<head></head>之間;
3、引用外部樣式表文件
(1) 引用寫法：
<link href="目標檔案路徑" rel="stylesheet" type="text/css" />
說明：
使用link元素匯入外部樣式表時，需將該元素寫在文件頭部，即<head>與
</head>之間。
rel：用於定義文件關聯，表示關聯樣式表；
type：定義文件型別；
(2)、匯入寫法
<style type="text/css">
@import url("目標檔案的路徑及檔名全稱");
</style>
說明：@和import之間沒有空格 url和小括號之間也沒有空格；括號內部加引
號，必須結尾以分號結束；
擴充套件知識：*link和import匯入外部樣式的區別：
差別1：老祖宗的差別：
link屬於XHTML標籤，而@import完全是CSS提供的一種方式。
link標籤除了可以載入CSS外，還可以做很多其它的事情，比如定義rel連線屬
性等，@import就只能載入CSS
差別2：載入順序的差別：
當一個頁面被載入的時候（就是被瀏覽者瀏覽的時候），link引用的CSS會同
時被載入，而@import引用的CSS 會等到頁面全部被下載完再被載入。
所以有時候瀏覽@import載入CSS的頁面時開始會沒有樣式。
差別3： 相容性的差別：
@import是CSS2.1提出的，所以老的瀏覽器不支援，
@import只在IE5以上的才能識別，而link標籤無此問題。
差別4：使用dom控制樣式時的差別：
當使用javascript控制dom去改變樣式的時候，
只能使用link標籤，因為@import不是dom可以控制的.
4、css樣式表的優先順序：
內聯樣式表的優先級別最高
內部樣式表與外部樣式表的優先順序和書寫的順序有關，後書寫的優先級別高。