調(diào)用方法：1、使用“”語句調(diào)用；2、在style標(biāo)簽中使用“@import url(css文件路徑地址)”語句調(diào)用。

本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。

html調(diào)用外部css有兩種方法

• 鏈接式--使用標(biāo)簽

• 導(dǎo)入式--使用@import規(guī)則標(biāo)簽

1、鏈接式

在網(wǎng)頁的

語法：

<link rel="stylesheet" href="css文件路徑" type="text/css" />

標(biāo)簽定義文檔與外部資源的關(guān)系, 標(biāo)簽最常見的用途是鏈接樣式表。

2、導(dǎo)入式

CSS @import規(guī)則,用于從其他樣式表導(dǎo)入樣式規(guī)則。這些規(guī)則必須先于所有其他類型的規(guī)則,@import不能在條件組的規(guī)則中使用。

將一個獨立的.css文件引入HTML文件中,使用css @import規(guī)則引入外部css文件,寫在標(biāo)記的標(biāo)記中

語法：

<style type="text/css">
@import url(CSS文件路徑地址);
</style>

比較鏈接方式和導(dǎo)入方式

鏈接方式（下面用 link 代替）和導(dǎo)入方式（下面用 @import 代替）都是引入外部的 CSS 文件的方式,下面我們來比較這兩種方式。

link 屬于 HTML,通過 標(biāo)簽中的 href 屬性來引入外部文件,而 @import 屬于 CSS,所以導(dǎo)入語句應(yīng)寫在 CSS 中,要注意的是導(dǎo)入語句應(yīng)寫在樣式表的開頭,否則無法正確導(dǎo)入外部文件；

@import 是 CSS2.1 才出現(xiàn)的概念,所以如果瀏覽器版本較低,無法正確導(dǎo)入外部樣式文件；

當(dāng) HTML 文件被加載時,link 引用的文件會同時被加載,而 @import 引用的文件則會等頁面全部下載完畢再被加載；

推薦教程：《html視頻教程》

以上就是html如何調(diào)用外部css的詳細(xì)內(nèi)容,更多請關(guān)注有啊網(wǎng)站百科其它相關(guān)文章！

• 喜歡（11）
• 不喜歡（3）

本文鏈接：http://www.yongsung168.cn/ask-html/8446.html