`
流浪鱼
  • 浏览: 1635871 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

HTML <link> 标签的 media 属性

    博客分类：
  • css
 
阅读更多

HTML <link> 标签的 media 属性

定义和用法

media 属性规定被链接文档将显示在什么设备上。

media 属性用于为不同的媒介类型规定不同的样式。

实例

两种不同的样式表，针对两种不同的媒介类型（计算机屏幕和打印）：

<head>
<link rel="stylesheet" type="text/css" href="theme.css" />
<link rel="stylesheet" type="text/css" href="print.css" media="print"/>
</head>

 

浏览器支持

所有浏览器都支持值为 "screen"、"print" 以及 "all" 的 media 属性。

提示：在全屏模式中，Opera 也支持 "projection" 属性值。

属性值

值 描述
screen 计算机屏幕（默认）。
tty 电传打字机以及类似的使用等宽字符网格的媒介。
tv 电视机类型设备（低分辨率、有限的滚屏能力）。
projection 放映机。
handheld 手持设备（小屏幕、有限带宽）。
print 打印预览模式/打印页面。
braille 盲人点字法反馈设备。
aural 语音合成器。
all 适用于所有设备。

 自己做了一个例子在屏幕显示时table为红色且可以看见按钮，而打印或者打印预览的table为蓝色并且按钮不可见

屏幕下：



 

打印预览：



 


 

 

 

 

  • 大小: 8.6 KB
  • 大小: 7.6 KB
分享到：
| flex开源项目地址
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

    学生网页制作

    &lt;link href="css/style.css" rel="stylesheet" type="text/css" /&gt; &lt;script type="text/javascript" src="js/js/myfocus-2.0.1.min.js"&gt;&lt;/script&gt; &lt;script type="text/javascript"&gt; myFocus.set({ id:'demo', ...

    css 导航菜单（标签页）设计

    不错的代码，Enjoy ...&lt;br&gt;&lt;br&gt;html代码部分为&lt;br&gt;&lt;br&gt;&lt;div id="tabsB"&gt;&lt;br&gt;&lt;ul&gt;&lt;br&gt;&lt;li&gt;&lt;a href="#" title="Link 1"&gt;&lt;span&gt;Link 1&lt;/span&gt;&lt;/a&gt;&lt;/li&gt;&lt;br&gt;&lt;li&gt;&lt;a href="#" title="Link 2"&gt;&lt;span&gt;Link 2&lt;/span&gt;&lt;/a&gt;&lt;/li...

    Handbook of Fiber Optic Data Communication---part2

    Conclusion &lt;br&gt;730 &lt;br&gt;References &lt;br&gt;732 &lt;br&gt;Appendix A Measurement Conversion Tables &lt;br&gt;735 &lt;br&gt;Appendix &lt;br&gt;B Physical Constants &lt;br&gt;737 &lt;br&gt;Appendix &lt;br&gt;C Index of Professional Organizations &lt;br...

    Html5中文手册(程序员必备手册)

    19、&lt;col&gt; 定义表格列的属性。 20、&lt;colgroup&gt; 定义表格列的分组。 21、&lt;command&gt; 定义命令按钮。 22、&lt;datalist&gt; 定义下拉列表。 23、&lt;dd&gt; 定义定义的描述。 24、&lt;del&gt; 定义删除文本。 25、&lt;details&gt; 定义元素的...

    Handbook of Fiber Optic Data Communication---part3

    Conclusion &lt;br&gt;730 &lt;br&gt;References &lt;br&gt;732 &lt;br&gt;Appendix A Measurement Conversion Tables &lt;br&gt;735 &lt;br&gt;Appendix &lt;br&gt;B Physical Constants &lt;br&gt;737 &lt;br&gt;Appendix &lt;br&gt;C Index of Professional Organizations &lt;br...

    用css固定表格横向和纵向

    &lt;link rel="stylesheet" href="css/style.css"&gt; &lt;/head&gt; &lt;body&gt; &lt;div role="region" aria-label="data table" tabindex="0" class="primary"&gt; &lt;table&gt; &lt;thead&gt; &lt;tr&gt; &lt;th&gt;Col Header&lt;/th&gt; &lt;th &gt;2&lt;/th&gt; &lt;th&gt;Col...

    RogueCleaner

    Player&lt;br&gt;118、Jvmlts&lt;br&gt;119、万能搜索&lt;br&gt;120、PCTools&lt;br&gt;122、ddlook&lt;br&gt;123、WinStar&lt;br&gt;124、ToolBar888&lt;br&gt;125、LinkMedia&lt;br&gt;126、RealUpdate&lt;br&gt;127、Winla&lt;br&gt;128、伪lsass.exe&lt;br&gt;129、伪系统服务&lt;br&gt;...

    Using Assemblies in Microsoft .NET and C#

    Assemblies &lt;br&gt;&lt;br&gt;Direct Use of DLLs&lt;br&gt;Private Assemblies&lt;br&gt;Global Assemblies&lt;br&gt;Compile/Link Cycle&lt;br&gt;View Assemblies - The Intermediate Language Disassembler (ILDASM) &lt;br&gt;&lt;br&gt;4. Sample ...

    css 基础知识总结以及demo

    &lt; link &gt;标签引用CSS文件 在实际的项目开发过程中，我们一般都是将CSS单独存放在一个文件夹中，然后在HTML页面中通过如下形式进行引用。 &lt;link rel="stylesheet" href="样式表路径+名称.css"&gt; 引用后CSS文件仍然是...

    Using Assemblies in Microsoft .NET and C# Using Assemblies in Microsoft .NET and C#

    Assemblies&lt;br&gt;&lt;br&gt;Direct Use of DLLs&lt;br&gt;Private Assemblies&lt;br&gt;Global Assemblies&lt;br&gt;Compile/Link Cycle&lt;br&gt;View Assemblies - The Intermediate Language Disassembler (ILDASM)&lt;br&gt;&lt;br&gt;4. Sample Application...

    王者荣耀排位代练接单网站源码HTML带手机版.rar

    王者荣耀排位代练接单网站源码HTML带手机版.rar

    VB编程资源大全（英文控件）

    ComboBox, etc.&lt;END&gt;&lt;br&gt;37,hyperlink082800.zip&lt;br&gt;This Hyperlink ActiveX Control will allow you to insert an Hyperlink which will be very useful if you want to give a link to your website from your ...

    Visual C++ 编程资源大全（英文源码 DLL）

    1,01.zip&lt;br&gt;Dialogs in DLL&lt;br&gt;在DLL中实现对话框(5KB)&lt;END&gt;&lt;br&gt;2,02.zip&lt;br&gt;Export dialogs in MFC Extension DLLs&lt;br&gt;在MFC扩充DLL中输出对话框(12KB)&lt;END&gt;&lt;br&gt;3,03.zip&lt;br&gt;Remapping resource script ID's&lt;br&gt;...

    js 框架之一

    --&lt;br&gt; &lt;link rel="stylesheet" type="text/css" href="styles.css"&gt;&lt;br&gt; --&gt;&lt;br&gt; &lt;script&gt;&lt;br&gt; function showcpst(){&lt;br&gt; document.getElementById("cpst").style.display="block";&lt;br&gt; }&lt;br&gt; &lt;/script&gt;&lt;br&gt; &lt;/...

    xinpu网络商城(c#asp .net)

    人性设置&lt;br&gt;33、扩展性好&lt;br&gt;34、ACCESS和SQL数据库互相转换&lt;br&gt;&lt;br&gt;&lt;br&gt;help.htm有操作手册&lt;br&gt;根目录下文件名与目录：&lt;br&gt;[.] Languages.aspx QuickCheckout.aspx&lt;br&gt;[..] LinkAdd.aspx Review.aspx&lt;br&gt;安装说明....

    JSTL详细标签库介绍

    发生异常时，异常周围信息（抛出对象本身类型）-------------异常处理程序&lt;BR&gt;&lt;BR&gt;12.5一个异常处理的简单实例：除数为0&lt;BR&gt;&lt;BR&gt;需求：使用一个小应用程序，完成两数相除的计算&lt;BR&gt;&lt;BR&gt;&lt;BR&gt;&lt;BR&gt;&lt;BR&gt;&lt;BR&gt;&lt;BR&gt;&lt;BR&gt;&lt;BR&gt;...

    VB编程资源大全(源码 网络)

    (3KB)&lt;br&gt;26,vb4comms.ZIP &lt;br&gt;实现通讯的例子 (27KB)&lt;br&gt;27,htmlview.ZIP &lt;br&gt;HTML、JPG、GIF文件浏览器（利用IE控件）(2KB)&lt;br&gt;28,html.ZIP &lt;br&gt;建立自己的浏览器,(你必须已经安装IE3.X以上版本)(2KB)&lt;br&gt;29,...

    双向链表及其操作

    &lt;br&gt;&lt;br&gt;&lt;br&gt;int link_ins(DNODE **head, int i, elemtype x)&lt;br&gt;{&lt;br&gt; int j = 1; /* 双向循环链表 */&lt;br&gt; DNODE *p, *q;&lt;br&gt; q = malloc( sizeof *p );&lt;br&gt; q-&gt;data = x;&lt;br&gt; if ( i == 0 ) {&lt;br&gt; q-&gt;prior = *...

    VB编程资源大全（英文源码 网络）

    chatserv.zip&lt;br&gt;Server side of an internet chat program&lt;END&gt;&lt;br&gt;10 , hlink.zip&lt;br&gt;Is a control that you can use to link your program to a web site.&lt;END&gt;&lt;br&gt;11 , Popmail.zip&lt;br&gt;Checks your email!...

Magicbox
Global site tag (gtag.js) - Google Analytics