內(nèi)聯(lián)樣式表
不推薦使用,只能改變當(dāng)前標(biāo)簽樣式
<p style="color: red">這是一個紅色段落</p>
內(nèi)部樣式表
只對當(dāng)前頁面有用
<style>
p { color:red; }
</style>
外部樣式表
鏈接方式
在<head>內(nèi)通過link標(biāo)簽引入css文件
<link rel="stylesheey" href=" 需要引入的css所在目錄">
導(dǎo)入方式
使用css規(guī)則引入外部css文件
@import '需要引入的css所在目錄';
or
@import url(需要引入的css所在目錄);
外部樣式表兩種引用方式比較
1、link是HTML標(biāo)簽,@import是CSS語法規(guī)則
2、link標(biāo)簽引入的css能被同時加載,@important引入的CSS在頁面加載完畢后加載
3、link元素不存在兼容問題,@import是CSS2.1才有的,只能在IE5以上才能被識別
4、@import一定要放在CSS的最前方