Link and @import two kinds of import CSS file differences.

1. The difference between ancestors. Link is an XHTML tag, and @import is completely a way to provide CSS. Besides the ability to load CSS, link tags can do a lot of things, such as defining the Rel connection properties, @import can only load CSS.

2. Differences in loading order. When a page is loaded, the CSS referenced by link is loaded at the same time, and the CSS referenced by @import waits until the page is loaded and loaded. So sometimes browsing @import loading CSS page when there is no style, more obvious when the network speed is slow.

3. Differences in compatibility. Because @import is css2.1 proposed by the old browser does not support, only IE5 above to identify, and link tag does not have compatibility issues.

4. Use the DOM to control the differences in style. When using JavaScript to control the DOM to change styles, you can only use the link tag, because @import is not controlled by the DOM.

5. @import can introduce another style sheet in the CSS, such as creating a main stylesheet and introducing other stylesheets into the main style sheet.

Link and @import two kinds of import CSS file differences.