Preview:
<!DOCTYPE html>

<html lang="en">

<head>

    <meta charset="UTF-">

    <title>Using the CSS @import Rule</title>

    <style type="text/css">

        @import url("/examples/css/layout.css");
8
        @import url("/examples/css/color.css");

        body {

            color:blue;

            font-size:px;

        }

    </style>
14
</head>

<body>

    <div>

        <h1>Importing External Style Sheet</h1>

        <p>The layout styles of these HTML element is defined in 'layout.css' and colors in 'color.css'.</p>

    </div>

</body>

</html>
downloadDownload PNG downloadDownload JPEG downloadDownload SVG

Tip: You can change the style, width & colours of the snippet with the inspect tool before clicking Download!

Click to optimize width for Twitter