Show Output
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Example of CSS @import rule</title> <style> @import url("/examples/css/default.css"); @import url("/examples/css/print-style.css") print; body { color: red; font-size: 1em; } </style> </head> <body> <h1>Importing External Style Sheet</h1> <p><strong>Note:</strong> The output of HTML code formatted according to the 'default.css', if content is dispalayed on the screen, but if you print this page the output is formatted according to the style rules specified in 'print-style.css'.</p> </body> </html>