Shulou(Shulou.com)06/01 Report--

This article is about the difference between link and @ import in css. The editor thinks it is very practical, so share it with you as a reference and follow the editor to have a look.

The difference between link and @ import:

1. The difference of subordinate relationship

@ import is the syntax rule provided by CSS, which can only import stylesheets; link is the tag provided by HTML, which can not only load CSS files, but also define RSS, rel connection properties, and so on.

2. The difference of loading order

When the page is loaded, the CSS introduced by the link tag is loaded at the same time; the CSS introduced by @ import will be loaded after the page is loaded.

3. Compatibility difference

@ import is a syntax unique to CSS2.1, so it can only be recognized in IE5+; the link tag, as a HTML element, has no compatibility issues.

4. The difference of DOM controllability

You can change the style by manipulating DOM through JS and inserting link tags; because the DOM method is document-based, you cannot insert styles using @ import.

Thank you for reading! This is the end of the article on "what's the difference between link and @ import in css". I hope the above content can be of some help to you, so that you can learn more knowledge. if you think the article is good, you can share it for more people to see!

Welcome to subscribe "Shulou Technology Information " to get latest news, interesting things and hot topics in the IT industry, and controls the hottest and latest Internet news, technology news and IT industry trends.