The @import rule is used to import one style sheet into another. There are two syntaxes for using @import:
In the examples above, mediatypes would be replaced by a comma-delimited list of media types to which the imported style sheet applies.
In general, we recommend avoiding using @import to import one stylesheet into another, as it forces multiple concurrent downloads of separate files (the various CSS stylesheets) and, thus, can slow down the loading of the page. But you should know that the @import statement exists and how it works.