A brief introduction to the differences between the two imported style files in css

The content of this article is a brief introduction to the differences between the two types of CSS imported style files. It has certain reference value. Friends in need can refer to it. I hope it will be helpful to you.

There are two types of CSS introduction style files, namely the tag and the @import method. The differences between the two are summarized below!

Difference 1: can not only reference style files, but also other resources, but import can only introduce style sheet files.

Difference 2: You can operate the DOM through JS to insert the tag to change the style. As for the @import method, since the DOM method is based on documents, you cannot use JS to operate @import to insert styles.

Difference 3: The CSS file introduced by starts loading when the page is loaded, but the file introduced by @import cannot be loaded until the page is loaded.

Difference 4: @import has slight compatibility issues (IE5), but does not have compatibility issues.

Difference 5: @import can be used in web pages or in css files to introduce multiple css files into one css file; while link can only import css files Introduced into the web page. Note: When using @import in a CSS file, if there are duplicate attribute definitions, the attribute values ​​introduced by @import will be overwritten.

Related recommendations:

Examples of two gradients in css3

What is the positioning of css? Summary of css positioning

CSS3 animation properties: Introduction to transform property

The above is the detailed content of A brief introduction to the differences between the two imported style files in css. For more information, please follow other related articles on the PHP Chinese website!