亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 開發 > CSS > 正文

css中link和@import的區別分析詳解

2024-07-11 08:26:00
字體：大 中 小
來源：轉載
供稿：網友
導入CSS文件主要有兩種方式：
鏈接式（link）
代碼如下

復制代碼
代碼如下:
<link rel="stylesheet" href="style.css" type="text/css"/>

導入式（@impot）

復制代碼
代碼如下:
<style type="text/css">
@import url("style.css");
</style>

以上是這兩種方式的語法區別。同時，瀏覽器處理這兩種方式也有所區別：
使用link方式，瀏覽器會先裝載完CSS文件再裝載HTML的主體部分，所以顯示出來的頁面從開始就是帶樣式效果的。
而采用@import方式，瀏覽器則會先裝載完整個HTML文件后再裝載CSS文件。
為什么會這樣呢，究其根本：
link屬于XHTML標簽（功能不局限于導入CSS），而@import則是CSS提供的一種規則（CSS2.1以后，要考慮兼容）。
從用戶體驗上來說，前者會更友好一些，特別是當網頁文件比較大而網速比較慢的時候，后者頁面就會出現明顯的閃爍（開始會沒有樣式效果，當CSS加載完成后，忽然呈現出樣式效果）。
另外，當使用Javascript控制DOM去改變樣式的時候，只能使用link方式，因為@import眼里只有CSS，不是DOM可以控制的。
一個例子:

復制代碼
代碼如下:
<html>
<head>
<title>css demo</title>
<link rel=stylesheet type="text/css" href="css/name.css" title="cool">
<style>
@import url(css/name2.css);
H1 {color:red}
<style>
</head>
<body>
<H1>CSS demo by JET</H1>
<p style="color:blue">good luck.
</body>
</html>

1 用link進行引用

復制代碼
代碼如下:
<link rel="stylesheet" type="text/css" href="my.css">

2 用import進行引用

復制代碼
代碼如下:
<style type="text/css">
@import url(my.css);
</style>

第一種是直接在html頁面上進行css書寫，而第二種和第三種是采用外部引用樣式單獨提取文件。
@import
指定導入的外部樣式表及目標設備類型。
其實link和@import的最根本區別就是，link是一個html的一個標簽，而@import是css的一個標簽,
link除了調用css外還可以有其他作用譬如聲明頁面鏈接屬性，聲明目錄，rss等等，而@import就只能
調用css。如果單獨從外部引用css來說，他們的作用是基本一樣，只不過上面的老大不一樣而已。：）

復制代碼
代碼如下:
@import代碼
<style type="text/css">
@import url(foo.css) print;
</style>

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
国模精品一区二区三区色天香| 7777免费精品视频| 精品久久久久久电影| 亚洲图中文字幕| 亚洲伊人一本大道中文字幕| 国色天香2019中文字幕在线观看| 欧美一级视频一区二区| 久久精品一偷一偷国产| 日韩激情av在线免费观看| 亚洲第一精品夜夜躁人人躁| 国产成人一区二| 久久久久免费视频| 日韩av综合中文字幕| 欧美最猛黑人xxxx黑人猛叫黄| 亚洲欧美日韩综合| 日韩一区二区欧美| 国产女精品视频网站免费| 法国裸体一区二区| 亚洲免费一级电影| 992tv在线成人免费观看| 91久久精品视频| 久久好看免费视频| 欧美理论电影在线播放| 91嫩草在线视频| 欧美日韩国产成人在线观看| 一本一本久久a久久精品综合小说| 国产亚洲人成a一在线v站| 国产日韩欧美视频在线| 亚洲福利视频久久| 国产午夜精品久久久| 国产精品美女久久久免费| 久久久精品国产网站| 午夜剧场成人观在线视频免费观看| 欧美高清视频在线观看| 亚洲精品日韩久久久| 亚洲自拍欧美色图| www.日韩.com| 国产成+人+综合+亚洲欧洲| 日韩女优人人人人射在线视频| 国产精品久久久av| 亚洲最新在线视频| 国产精品免费久久久久影院| 91亚洲国产成人精品性色| 国产91露脸中文字幕在线| 欧美高清视频在线| 不卡av电影院| 亚洲欧美一区二区精品久久久| 亚洲电影免费观看高清完整版在线观看| 国产亚洲精品一区二555| 九九精品在线观看| 亚洲精品第一国产综合精品| 亚洲成人网久久久| 中文字幕精品在线| 九九久久精品一区| 69影院欧美专区视频| 久久精品国产亚洲一区二区| 久久久精品电影| 亚洲欧美精品一区二区| 久久久精品2019中文字幕神马| 国产精品久久久亚洲| 欧美精品一本久久男人的天堂| 欧美夫妻性生活xx| 不卡伊人av在线播放| 欧美日韩ab片| 亚洲一区999| 亚洲国产精品va在线| 日韩欧美亚洲综合| 亚洲黄页网在线观看| 日韩av综合中文字幕| 在线观看国产精品淫| 日本高清+成人网在线观看| 欧美色图在线视频| 亚洲精品97久久| 日韩av片电影专区| 综合136福利视频在线| 日韩精品免费在线视频观看| 午夜精品视频在线| 69久久夜色精品国产7777| 日韩欧美国产激情| 国产精品女主播视频| 久久综合伊人77777尤物| 久久综合五月天| 91精品久久久久久久久久久| 国产精品av网站| 精品久久久香蕉免费精品视频| 日韩在线观看高清| 成人伊人精品色xxxx视频| 久久久亚洲精品视频| 国产精品久久久久久av下载红粉| 国产午夜精品全部视频播放| 黑人极品videos精品欧美裸| 韩国19禁主播vip福利视频| 亚洲国产欧美一区二区三区同亚洲| 中文字幕精品www乱入免费视频| 国产亚洲aⅴaaaaaa毛片| 综合欧美国产视频二区| 久久精品国产一区二区三区| 欧美在线观看网址综合| 91精品国产综合久久香蕉| 日韩欧美一区二区在线| 欧美片一区二区三区| 97在线精品视频| 91亚洲精品久久久久久久久久久久| 国产成人自拍视频在线观看| 成人av在线天堂| 日本欧美一二三区| 日本免费久久高清视频| 亚洲一区二区三区四区视频| 麻豆精品精华液| 中文字幕日韩有码| 奇门遁甲1982国语版免费观看高清| 欧美国产日韩免费| 91精品国产电影| 97久久精品人人澡人人爽缅北| 日韩精品免费视频| 久久好看免费视频| www.国产一区| 4388成人网| 欧美一级大片在线免费观看| 欧美交受高潮1| 久久精品色欧美aⅴ一区二区| 国产精品无码专区在线观看| 久久免费少妇高潮久久精品99| 亚洲成年网站在线观看| 国产午夜精品一区二区三区| 国产成人精品日本亚洲专区61| 亚洲精品aⅴ中文字幕乱码| 久久精品这里热有精品| 久久色免费在线视频| 日韩av男人的天堂| 国产精品精品视频一区二区三区| 国产成人精品最新| 秋霞午夜一区二区| 国产成一区二区| 91av视频导航| 欧美日韩国产一区二区| 91麻豆桃色免费看| 欧美国产欧美亚洲国产日韩mv天天看完整| 欧美韩日一区二区| 国产精品视频永久免费播放| 91九色国产在线| 欧美日韩美女在线观看| 久久伊人色综合| 97久久精品视频| 国产主播喷水一区二区| 91社影院在线观看| 久久成人av网站| 国产欧美精品久久久| 日韩免费观看高清| 国产男女猛烈无遮挡91| 国产精品香蕉在线观看| 日韩欧美在线视频日韩欧美在线视频| 国语自产在线不卡| 亚洲电影免费观看高清| 成人欧美在线视频| 欧美日韩国产va另类| 亚洲精品一区久久久久久| 欧美在线免费视频| 伊人久久久久久久久久| 黄色91在线观看| 在线播放日韩专区| 欧美老肥婆性猛交视频| 91成人在线视频| 成人观看高清在线观看免费|