CSSの「import」と「link」の違いについて

Question

はっきり書いている記事がなかったので、質問させていだきました。
できれば詳細を書いていただけると助かります。

　質問は下記の内容です。

調べてみた結果

• linkが対応していないブラウザがある
• linkはHTML側の機能、importはCSS側の機能
• linkは閲覧者によって使用されるCSSが違う？
• importは複数のファイルを統合して、あたかも１つのCSSファイルに適用される
• 読み込み速度が違う

疑問点

• 上記の違い以外にはないのでしょうか？

Answer 1

linkは機能というよりHTMLタグになります。
linkタグ自体、サポートされていないブラウザはないと思います。
https://developer.mozilla.org/ja/docs/Web/HTML/Element/link

http://www.htmq.com/html/link.shtml

linkは閲覧者によって使用されるCSSが違う？

読み込むファイルは同じになるので閲覧者によって変わるということはないです。

<link rel="stylesheet" type="text/css" href="styles.css" media="all" /> CSS内のプロパティなどについて言えば、ブラウザによってサポート状況が異なりますので、表示が変わる場合もあります。 　

「import」は、CSSファイルから別の外部ファイルを読み込む記述になります。
http://www.htmq.com/csskihon/010.shtml

@import url("sample.css");

importに関連して、CSS読み込みの検証されている記事がありますので、ご参考ください。
https://dev.classmethod.jp/ria/html5/css-import-no-parallel-load-sass/