?
本文檔使用 php中文網(wǎng)手冊 發(fā)布
@import <url> <media_query_list>
<media_query_list>:[<media_query>[',' <media_query>]*]?
<media_query>:[only | not]? <media_type> [and <expression>]* | <expression> [and <expression>]*
<expression>:'('<media_feature>[:<value>]?')'
<url>:使用絕對或相對地址指定導入的外部樣式表文件。可以是url(url)或者直接是一個url
<media_query_list>:指定媒體類型和查詢條件。
該規(guī)則必須在樣式表頭部最先聲明。并且其后的分號是必需的,如果省略了此分號,外部樣式表將無法正確導入,并會生成錯誤信息。
IE使用@import無法引入超過35條的樣式表。
使用url(url)和直接使用url需要注意的地方:
示例代碼:
@import url("global.css");
@import url(global.css);
@import "global.css";
以上3種方式都有效。當使用url(url)的方式時,包住路徑的引號可有可無;當直接使用url時,包住路徑的引號必須保留。
指定媒體查詢:
示例代碼:
@import url(example.css) screen and (min-width:800px); @import url(example.css) screen and (width:800px),(color); @import url(example.css) screen and (min-device-width:500px) and (max-device-width:1024px);
Values | IE | Firefox | Chrome | Safari | Opera | iOS Safari | Android Browser | Android Chrome |
---|---|---|---|---|---|---|---|---|
Basic Support | 6.0+ | 2.0+ | 4.0+ | 3.1+ | 15.0+ | 3.2+ | 2.1+ | 18.0+ |
媒體類型 | 6.0-7.0 | |||||||
8.0+ | ||||||||
媒體查詢 | 6.0-8.0 | |||||||
9.0+ |
<!DOCTYPE html> <html lang="zh-cmn-Hans"> <head> <meta charset="utf-8" /> <title>@import_CSS參考手冊_web前端開發(fā)參考手冊系列</title> <meta name="author" content="Joy Du(飄零霧雨), dooyoe@gmail.com, www.doyoe.com" /> <style> @import url("style.css") screen, print; </style> </head> <body> </body> </html>
點擊 "運行實例" 按鈕查看在線實例