The difference between CSS-linked and imported

LINK Type:

<link href= "Style.css" rel= "stylesheet" type= "Text/css"/>

Import Type:

<style type= "Text/css" >   @import "style.css";  </style>

Difference: When you use link mode, the CSS file is loaded before the body portion of the page is loaded, so that the displayed page is styled from the beginning
Import, will be loaded in the entire page after loading the CSS file, for some browsers, in some cases, if the size of the Web page file is larger, you will see the first display no style page, after a flash after the setting style after the effect.

For the larger web site, for ease of maintenance, you may want to put all CSS styles into several CSS files, so if you use the introduction of links, you need to import a few statements to CSS, if you want to adjust the CSS file classification, you need to adjust the HTML file. This is a flaw in maintenance work. If you use an import, you can introduce only one total CSS file, and then import other standalone CSS files in this file, and the link does not have this feature