Using the CSS @import Rule

[davikerkrish]

you might want to consider splitting your style sheet up into several smaller CSS files. That�s when the @import rule can come in quite handy.

The @import rule is another way of loading a CSS file. You can use it in two ways. The simplest is within the header of your document, like so:

<style>
@import url('/css/styles.css');
</style>