引入外部css的方法有幾種

引入外部css的方法有2種，分別為：1、透過「@import」指令引入，語法「@import url(css檔案路徑);>」；2、透過link標籤引入，語法“”。

本教學操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。

CSS的兩種引入方式

#1、透過@import指令引入

#@import指令是CSS語言的一部分，使用時把這個指令加入到HTML的一個

<style type="text/css">    
    @import url(css/styles.css);
</style>

2、透過標籤引入（最常用方式）

<link type="text/css" href="style.css" rel="stylesheet" />

兩種方式的區別

• #標籤屬於html標籤，而@import是css提供的一種方式，標籤不僅可以引入css，還可以做其他事，而@import只能引入css

• 載入順序的區別：當一個頁面被瀏覽時，link引入的css會被同步加載，而@import引用的css是等到其他元素全被下載完之後才被加載；

• 兼容性的不同：@import是CSS2.1才提出的，所以只有在IE5以上才支持，低版本的瀏覽器不支持，而標籤無此問題；

• 當使用javascript控制DOM去改變樣式時，只能使用標籤，因為@import不是DOM可以控制的。

（學習影片分享：css影片教學）

以上是引入外部css的方法有幾種的詳細內容。更多資訊請關注PHP中文網其他相關文章！