淺談css和@import區(qū)別及用法
我要評(píng)論css和@import都是調(diào)用外部樣式表的方法。
一、用法
（1）link:
<link rel="stylesheet" type="text/css" href="css文件路徑"/>
（2）@import:
方法一（html中添加）：
<style type="text/css">
@import url(css文件路徑);
</style>
方法二（css中添加）：
@import url(css文件路徑);
二、區(qū)別
（1）link是XHTML標(biāo)簽，除了加載CSS外，還可以定義RRS等其他事務(wù)。@import屬于CSS范疇，只能加載CSS。
（2）link引用CSS樣式，是和頁(yè)面加載同步進(jìn)行加載，@import是等頁(yè)面加載完后才開(kāi)始加載。
（3）link是XHTML標(biāo)簽，無(wú)兼容問(wèn)題；@import是在CSS2.1提出的，低版本的瀏覽器不支持。
（4）link支持使用Javascript控制DOM去改變樣式；而@import不支持。
以上這篇淺談css和@import區(qū)別及用法就是小編分享給大家的全部?jī)?nèi)容了，希望能給大家一個(gè)參考，也希望大家多多支持腳本之家。
相關(guān)文章
CSS重要屬性之 margin 屬性知識(shí)大整合(必看篇)
下面小編就為大家?guī)?lái)一篇CSS重要屬性之 margin 屬性知識(shí)大整合(必看篇)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-08-20- 下面小編就為大家?guī)?lái)一篇CSS background全部匯總。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-08-19
關(guān)于css旋轉(zhuǎn)動(dòng)畫(huà)效果的簡(jiǎn)單實(shí)現(xiàn)
下面小編就為大家?guī)?lái)一篇關(guān)于css旋轉(zhuǎn)動(dòng)畫(huà)效果的簡(jiǎn)單實(shí)現(xiàn)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-08-19利用CSS3實(shí)現(xiàn)自定義滾動(dòng)條代碼分享
這篇文章給大家介紹如何利用CSS3實(shí)現(xiàn)自定義滾動(dòng)條，效果很好，有需要的小伙伴們可以參考借鑒。2016-08-18利用純CSS實(shí)現(xiàn)動(dòng)態(tài)的文字效果實(shí)例
相信大家都曾在網(wǎng)站中看到過(guò)中效果，一打開(kāi)頁(yè)面，無(wú)論是文字還是圖片，都隨著規(guī)定時(shí)間的而變化，今天我們將介紹如何通過(guò)用純CSS來(lái)實(shí)現(xiàn)這種效果，下面一起來(lái)看看。2016-08-18CSS重要屬性之float學(xué)習(xí)心得(分享)
下面小編就為大家?guī)?lái)一篇CSS重要屬性之float學(xué)習(xí)心得(分享)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2016-08-18- 下面小編就為大家?guī)?lái)一篇常用的 css 命名規(guī)則(推薦)。小編覺(jué)得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧，祝大家游戲愉快哦2016-08-18
純CSS3制作逼真的汽車(chē)運(yùn)動(dòng)動(dòng)畫(huà)特效源碼
本源碼是一套使用純CSS3制作的逼真汽車(chē)運(yùn)動(dòng)動(dòng)畫(huà)特效的代碼，通過(guò)公路斑馬線(xiàn)的左右晃動(dòng)來(lái)制作出汽車(chē)運(yùn)動(dòng)的視覺(jué)效果2016-08-17
