Home  >  Article  >  Web Front-end  >  A brief introduction to the differences between the two imported style files in css

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

不言
不言Original
2018-08-09 16:44:141562browse

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!

Statement:
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn