頁面中使用CSS的方式主要有3種:行內(nèi)添加定義style屬性值,頁面頭部
內(nèi)嵌調(diào)用和外面鏈接調(diào)用,其中外面引用有兩種:link和@import。
外部引用CSS兩種方式link和@import的方式分別是:
XML/HTML代碼
<link rel="stylesheet" rev="stylesheet" href="CSS文件"
type="text/css" media="all" />
XML/HTML代碼
<style type="text/css" media="screen">
@import url("CSS文件");
</style>
兩者都是外部引用CSS的方式,但是存在一定的區(qū)別:
區(qū)別1:link是XHTML標(biāo)簽,除了加載CSS外,還可以定義RSS等其他事務(wù);
@import屬于CSS范疇,只能加載CSS。
區(qū)別2:link引用CSS時,在頁面載入時同時加載;
@import需要頁面網(wǎng)頁完全載入以后加載。
區(qū)別3:link是XHTML標(biāo)簽,無兼容問題;@import是在CSS2.1提出的,
低版本的瀏覽器不支持。
區(qū)別4:link支持使用Javascript控制DOM去改變樣式;而@import不支持。
【 微信掃一掃 】