CSS 引入方式
有 4 種方式可以在 HTML 中引入 CSS。其中有 2 種方式是在 HTML 文件中直接添加 CSS 代碼，另外兩種是引入 外部 CSS 文件。
- 內(nèi)聯(lián)方式
- 嵌入方式
- 鏈接方式
- 導(dǎo)入方式
<style>
@import url(style.css);
</style>
link和@import的區(qū)別
link 屬于 HTML，通過(guò) <link>
標(biāo)簽中的 href 屬性來(lái)引入外部文件，而 @import 屬于 CSS，所以導(dǎo)入語(yǔ)句應(yīng)寫(xiě)在 CSS 中，要注意的是導(dǎo)入語(yǔ)句應(yīng)寫(xiě)在樣式表的開(kāi)頭，否則無(wú)法正確導(dǎo)入外部文件；@import 是 CSS2.1 才出現(xiàn)的概念，所以如果瀏覽器版本較低，無(wú)法正確導(dǎo)入外部樣式文件；
-
當(dāng) HTML 文件被加載時(shí)，link 引用的文件會(huì)同時(shí)被加載，而 @import引用的文件則會(huì)等頁(yè)面全部下載完畢再被加載；
小結(jié)： 我們應(yīng)盡量使用 <link> 標(biāo)簽導(dǎo)入外部 CSS 文件，避免或者少用使用其他三種方式。
幾種文件路徑區(qū)別
絕對(duì)路徑就是文件的真正存在的路徑，是指從硬盤(pán)的根目錄(盤(pán)符)開(kāi)始，進(jìn)行一級(jí)級(jí)目錄指向文件。
相對(duì)路徑就是以當(dāng)前文件為基準(zhǔn)進(jìn)行一級(jí)級(jí)目錄指向被引用的資源文件。
