Home > Article > Web Front-end > 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!