← Back to at-rules

CSS At-rule

@import

Structure

Imports an external CSS file or layer into the current stylesheet.

Syntax

@import url('file.css');

Example

@import url('typography.css');

Common use cases

  • Splitting CSS into multiple files
  • Importing Google Fonts
  • Organizing styles by concern

Practical developer insight

@import blocks parallel loading — each import is fetched sequentially. In production, prefer bundling CSS files or using native CSS layers instead.

Related

@layer@media@supports