這篇文章將為大家詳細講解有關(guān)如何實現(xiàn)外部引入css，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

創(chuàng)新互聯(lián)專注于會昌企業(yè)網(wǎng)站建設(shè),自適應(yīng)網(wǎng)站建設(shè),成都做商城網(wǎng)站。會昌網(wǎng)站建設(shè)公司,為會昌等地區(qū)提供建站服務(wù)。全流程按需網(wǎng)站設(shè)計，專業(yè)設(shè)計，全程項目跟蹤，創(chuàng)新互聯(lián)專業(yè)和態(tài)度為您提供的服務(wù)

外部引入css的方法：1、使用link來調(diào)用外部的css文件，標(biāo)簽定義文檔與外部資源的關(guān)系；2、使用@import引用外部CSS文件。

本文操作環(huán)境：Windows7系統(tǒng)、css3版、Dell G3電腦

怎么引入外部css？

方法1：使用link來調(diào)用外部的css文件

在網(wǎng)頁的標(biāo)簽對中使用標(biāo)記來引入外部樣式表文件，使用html規(guī)則引入外部css。

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

語法：

鏈接外部css樣式時候link標(biāo)簽的內(nèi)容結(jié)構(gòu)解釋：

href：為外部資源地址，這里是css的地址

rel：定義當(dāng)前文檔與被鏈接文檔之間的關(guān)系,這里是外部css樣式表即stylesheet

type：規(guī)定被鏈接文檔的 MIME 類,這里是值為text/css

說明：

這種方法會以網(wǎng)頁文件主體裝載前裝載CSS文件，因此顯示出來的網(wǎng)頁從一開始就是帶樣式的效果的，它不會象導(dǎo)入式那樣先顯示無樣式的網(wǎng)頁，然后再顯示有樣式的網(wǎng)頁。

方法2：使用@import引用外部CSS文件

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

@import規(guī)則語法

@import url("文件路徑");

說明：

這種方法會在整個網(wǎng)頁裝載完后再裝載CSS文件，因此這就導(dǎo)致了一個問題，如果網(wǎng)頁比較大則會兒出現(xiàn)先顯示無樣式的頁面，閃爍一下之后，再出現(xiàn)網(wǎng)頁的樣式。這是導(dǎo)入式固有的一個缺陷。

兩種調(diào)用外部css樣式方法的區(qū)別：

@import是 CSS 提供的語法規(guī)則，只有導(dǎo)入樣式表的作用；link是HTML提供的標(biāo)簽，不僅可以加載 CSS 文件，還可以定義 RSS、rel 連接屬性等。

加載頁面時，link標(biāo)簽引入的 CSS 被同時加載；@import引入的 CSS 將在頁面加載完畢后被加載。

@import是 CSS2.1 才有的語法，故只可在 IE5+ 才能識別；link標(biāo)簽作為 HTML 元素，不存在兼容性問題。

可以通過 JS 操作 DOM ，插入link標(biāo)簽來改變樣式；由于 DOM 方法是基于文檔的，無法使用@import的方式插入樣式。

link引入的樣式權(quán)重大于@import引入的樣式。

css的選擇器有哪些

css的選擇器可以分為三大類，即id選擇器、class選擇器、標(biāo)簽選擇器。它們之間可以有多種組合，有后代選擇器、子選擇器、偽類選擇器、通用選擇器、群組選擇器等等

關(guān)于“如何實現(xiàn)外部引入css”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，使各位可以學(xué)到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。