Show Output
<!DOCTYPE html> <html lang="en"> <head> <meta charset="utf-8"> <title>Example of CSS @import rule</title> <style> @import url("/examples/css/screen.css") screen; @import url("/examples/css/print.css") print; body { background: #f6f6f6; line-height: 1.2; } </style> </head> <body> <h1>Media Dependent Style Sheets Using the @import At-rules</h1> <p>If you print (or print preview) this page the output of HTML code appears differently than it appears on the screen. Because different style sheets are used for different media types i.e. screen.css for computer screen while print.css for print media.</p> </body> </html>
