首頁  >  文章  >  web前端  >  淺談css和@import區別及用法詳解

淺談css和@import區別及用法詳解

高洛峰
高洛峰原創
2017-03-03 16:44:151754瀏覽

下面小編就為大家帶來一篇淺談css和@import區別及用法。小編覺得蠻不錯的,現在就分享給大家,也給大家做個參考。一起跟著小編過來看看吧

css和@import都是呼叫外部樣式表的方法。

一、用法

(1)link:

(2)@import:

方法一(html中新增):

方法二(css新增):

@import url(css檔案路徑);

二、區別

(1)link是XHTML標籤,除了載入CSS外,還可以定義RRS等其他事務。 @import屬於CSS範疇,只能載入CSS。

(2)link引用CSS樣式,是和頁面載入同步進行加載,@import是等頁面載入完後才開始載入。

(3)link是XHTML標籤,無相容問題;@import是在CSS2.1提出的,低版本的瀏覽器不支援。

(4)link支援使用Javascript控制DOM去改變樣式;而@import不支援。

以上這篇淺談css和@import差別及用法就是小編分享給大家的全部內容了,希望能給大家一個參考,也希望大家多多支持PHP中文網。


陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn