搜索文档
首页
HTML/CSS
JavaScript
服务端开发
Java教程
移动端
数据库
当前位置:
首页
HTML/CSS
CSS 教程
CSS 基础教程
源代码
清空
点击运行
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>Example of HTML media attribute</title> <link rel="stylesheet" media="all" href="/run/css/common.css"> <link rel="stylesheet" media="screen" href="/run/css/screen.css"> <link rel="stylesheet" media="print" href="/run/css/print.css"> </head> <body> <h1>Media Dependent Style Sheets Using the <code><link></code> Element</h1> <p>如果您打印(或打印预览)这个页面,HTML代码的输出将与它在屏幕上显示的结果不同。因为不同的样式表用于不同的媒体类型,例如,screen.css用于计算机屏幕,而print.css用于打印媒体。</p> </body> </html>
运行结果