link
1 <head>
<link rel="stylesheet" type="text/css" href="sheet1.css" media="all">
</head>
@import
1 <style type="text/css">
@import url(sheet1.css);
</style>
區別
link是先將css文件加載到網頁，然後再進行編譯。@import是先加載完html結構再加載css文件，如果網速較慢則會影響視覺效果。
link確保並行下載css文件，@import是一個一個下載。
在IE中，link會阻斷@import延長加載時間，多個@import的使用還會打亂資源文件的下載順序引發js問題。
選擇
link可以選定要加載的媒體media。由於上述加載、兼容與IE的原因，普通站點應當盡量使用link。
大型門戶網站（如淘寶）多個頁面link同一個css文件會造成速度下降，@import可以在css中調入樣式表，方便對css進行模塊化管理。