What are the differences between link and @import?

We all know that there are two ways to introduce CSS externally, the link tag and @import. So what's the difference between them? The following article will introduce it to you, I hope it will be helpful to you.

The difference between link and @import:

1. Difference in affiliation

@import is provided by CSS The syntax rules only have the function of importing style sheets; link is a tag provided by HTML, which can not only load CSS files, but also define RSS, rel connection attributes, etc.

2. Difference in 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 only available in CSS2.1, so it can only be recognized in IE5; the link tag is an HTML element and has no compatibility issues.

4. The difference in DOM controllability

You can operate DOM through JS and insert link tags to change the style; because the DOM method is based on documents, you cannot use @import to insert styles.

The above is the detailed content of What are the differences between link and @import?. For more information, please follow other related articles on the PHP Chinese website!