引入外部css的方法有2種，分別為：1、透過「@import」指令引入，語法「@import url(css檔案路徑);>」；2、透過link標籤引入，語法“”。 本教學操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。 CSS的兩種引入方式 #1、透過@import指令引入 #@import指令是CSS語言的一部分，使用時把這個指令加入到HTML的一個標籤中；</p><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:html;toolbar:false"><style type="text/css"> @import url(css/styles.css); 登入後複製2、透過標籤引入（最常用方式）登入後複製兩種方式的區別 #標籤屬於html標籤，而@import是css提供的一種方式，標籤不僅可以引入css，還可以做其他事，而@import只能引入css 載入順序的區別：當一個頁面被瀏覽時，link引入的css會被同步加載，而@import引用的css是等到其他元素全被下載完之後才被加載； 兼容性的不同：@import是CSS2.1才提出的，所以只有在IE5以上才支持，低版本的瀏覽器不支持，而標籤無此問題； 當使用javascript控制DOM去改變樣式時，只能使用標籤，因為@import不是DOM可以控制的。 （學習影片分享：css影片教學）
