主要內(nèi)容： CSS 引入方式介紹 ，link 和 @import區(qū)別 。
CSS是什么
層疊樣式表 (Cascading Style Sheets，?？s寫記作 CSS）， 是一種樣式表語(yǔ)言，用來(lái)描述 HTML 或 XML（包括如 SVG、XHTML 之類的 XML 分支語(yǔ)言）文檔的呈現(xiàn)。CSS 描述了在其它媒體上的元素應(yīng)該如何被渲染的問(wèn)題。
CSS 引入方式
CSS 的引入方式根據(jù) CSS 樣式代碼引入的形式可分為三種：內(nèi)聯(lián)式、嵌入式和外部式。
內(nèi)聯(lián)式
內(nèi)聯(lián)式即在 HTML 標(biāo)簽的 style 屬性中設(shè)定 CSS 樣式，這種方式本質(zhì)上沒(méi)有體現(xiàn) CSS 的優(yōu)勢(shì)，并且不方便維護(hù)， 因此不推薦使用。
eg. <p style="color : yellow ; "> hello </p>
嵌入式
嵌入式指的是把 CSS 代碼和 HTML 代碼放在同一個(gè)文件中，其中CSS代碼放在<style></style>標(biāo)簽內(nèi)， <style> 標(biāo)簽一般放在<head>標(biāo)簽內(nèi)。
外部式
外部式最理想的CSS引用方式， 所謂的“外部式”，就是把CSS代碼和HTML代碼都單獨(dú)放在不同文件中，然后通過(guò)一定的方法將一個(gè)獨(dú)立的CSS文件引入HTML文件中 。一般有兩種方法：鏈接式和導(dǎo)入式。
鏈接式 ： 鏈接式使用HTML規(guī)則引入外部CSS文件，它在網(wǎng)頁(yè)的<head></head>標(biāo)簽對(duì)中使用<link>標(biāo)記來(lái)引入外部樣式表文件，使用語(yǔ)法如下：
<link rel="stylesheet" type="text/css" href="style.css">導(dǎo)入式 ： 導(dǎo)入式使用 CSS 規(guī)則 @import 引入外部 CSS 文件 。可以將其放到<style> 標(biāo)簽里 ， 也可以放到另一個(gè)樣式表里。@import語(yǔ)法有兩種：
@import url ("style.CSS") ;@import "style.CSS" ;
PS : @ import 規(guī)則一定要先于除了@charset的其他任何CSS規(guī)則
link 和 @import區(qū)別
- 導(dǎo)入式和鏈接式的目的都是將一個(gè)獨(dú)立的CSS文件引入HTML文件中，二者的區(qū)別在于鏈接式使用HTML的標(biāo)記引入外部CSS文件，而使用導(dǎo)入式則是使用CSS的規(guī)則引入外部CSS文件
- link 是 HTML 標(biāo)簽除了 CSS 還能定義別的東西，而 @import 是純 CSS
- link 和頁(yè)面本體是會(huì)同時(shí)加載的，而 @import 得等到頁(yè)面加載完成再加載
- @import 是 CSS 2 標(biāo)準(zhǔn)，在多年前可能會(huì)有兼容性問(wèn)題
- 當(dāng)使用 JavaScript 控制 DOM 去改變樣式的時(shí)候，只能使用 link 標(biāo)簽，因?yàn)?@import 不是 DOM 可以控制的
