`

[转]CSS:中Link的media属性

阅读更多

<LINK REL=StyleSheet HREF="style.css" TYPE="text/css" MEDIA=screen>
<LINK REL=StyleSheet HREF="color-8b.css" TYPE="text/css" TITLE="8-bit Color Style" MEDIA="screen, print">
<LINK REL="Alternate StyleSheet" HREF="color-24b.css" TYPE="text/css" TITLE="24-bit Color Style" MEDIA="screen, print">
<LINK REL=StyleSheet HREF="aural.css" TYPE="text/css" MEDIA=aural>
 

<LINK>标记是放置在文档的HEAD部分。

可选的TYPE属性用于指定媒体类型--text/css是一个层叠样式表--允许浏览器忽略它们不支持的样式表类型。为CSS文件配置服务器而将text/css当作Content-type内容发送出去也是一个好主意。

 

<LINK>标记也有一个可选的MEDIA属性,用于指定样式表被接受的介质或媒体。允许的值有

screen (缺省值),提交到计算机屏幕; 

print, 输出到打印机; 

projection,提交到投影机; 

aural,扬声器; 

braille,提交到凸字触觉感知设备; 

tty,电传打字机 (使用固定的字体); 

tv,电视机; 

all,所有输出设备。 

多样的媒体通过用逗号隔开的列表或值all指定。

 

Netscape Navigator 4.x 错误地忽略除了screen值外的任何使用MEDIA值声明的连接或嵌入样式表。例如,MEDIA="screen,projection"会令到样式表被Navigator 4.x忽略,尽管展示的设备是计算机的屏幕。Navigator 4.x 也忽略使用MEDIA=all声明的样式表。

 

以上内容,来源网络

http://www.ecjtu.org/archiver/?tid-29142.html

分享到:
评论

相关推荐

    CSS教程:css属性之媒体(Media)类型

    样式单的一个最重要的特点就是它可以作用于多种媒体,比如页面、屏幕、电子合成器等等。特定的属性只能作用于特定的媒体,如...link rel="stylesheet" type="text/css" media="print" href="foo.css"&gt; 可以看出

    css framework 漂亮的CSS

    &lt;link rel="stylesheet" href="../css/screen.css" type="text/css" media="screen, projection"&gt; &lt;link rel="stylesheet" href="../css/print.css" type="text/css" media="print"&gt; &lt;!--[if IE]&gt; &lt;link rel=...

    loadCSS:异步加载CSS

    加载CSS 一种异步加载CSS的模式[c] 2020 @ scottjehl,@ zachleat 许可MIT为什么要使用...link rel="stylesheet" href="/path/to/my.css" media="print" onload="this.media='all'; this.onload=null;"&gt; 本文介绍了

    css-in-js-media:仅在使用CSS-in-JS(样式化组件,emotion.js)时处理响应式设计

    css-in-js-media :artist_palette: 使用CSS-in-JS缩小和简化包含媒体当您使用css-in-js(情感,样式化组件)进行样式设置时,您可以使用此css-in-js-media完美轻松地处理响应式设计,该类与和支持类型系统相似如果您...

    jquery.media及使用方法

    link rel="stylesheet" href="bootstrap-3.3.7/css/bootstrap.min.css"&gt; [removed][removed] [removed][removed] [removed] $(function() { $('a.media').media({width:800, height:600}); }); ...

    简单介绍CSS设置打印页面的方法及css里media的使用

    在很多是时候往往要打印网页中的某一部分,而不是全部网页,所以告诉打印机要打印的部分,使用css进行...以上两行代码是引入外部css样式表,需要特别主义的是media属性值分别是screen和print,用来规定css样式表要服

    CSS3中的Media Queries学习笔记

    一、Media Queries 支持的属性 二、关键字and – 结合多个媒体查询 not – 排除某种制定的媒体类型 only – 用来定某种特定的媒体类型 三、引用样式示例 CSS Code复制内容到剪贴板 &lt;link rel=stylesheet ...

    CSS3 @media的基本用法总结

    link rel="stylesheet" media="mediatype and|not|only (media feature)" href="mystylesheet.css"&gt; 一、首先是&lt;meta&gt;标签 &lt;meta name="viewport" content="width=device-width, initial-scale=1.0, ...

    微信小程序中css样式media标签

    在css中我们使用media标签来区分调用哪个css样式,比如使用media=”print”来表示当执行打印文档时,使用print.css样式。这样使得文档更有得于打印,如将页面宽度增宽、或屏蔽掉一些不需要打印的内容。   &lt;link ...

    cssplot:纯 CSS 图表

    link media =" all " rel =" stylesheet " type =" text/css " href =" /build/cssplot.full.css " /&gt; 或者cssplot.base.css可以单独使用,并进行以下修改: 条形图:使用class="chart-column" style="height: ...

    全面解析CSS Media媒体查询使用操作(推荐)

    标签中,以media属性存在  media属性用于为不同的媒介类型规定不同的样式 screen 计算机屏幕(默认值)  tty 电传打字机以及使用等宽字符网格的类似媒介 tv 电视类型设备(低分辨率、有限的屏幕翻滚能力) ...

    使用jquery+CSS实现控制打印样式

    link rel=”stylesheet” href=”css/mainstylesheet.css” media=”screen” /&gt;  用于打印的css:&lt;link rel=”stylesheet” href=”css/printstylesheet.css” media=”print” /&gt; 2. import方式:  &lt...

    css教程:css指令,兼容,注释,selector

    link rel=stylesheet type=text/css href=sheet1.css media=all /&gt; link标记的用意是允许将html与其他文档相关联。Css用link将css文档与html文档想关联。 Css文档虽然不是html的一部分,但是被html使用,从外部...

    CSS3媒体查询Media Queries基础学习教程

    媒体查询包含了一个媒体类型 和如CSS3规范中描述的包含一个或多个表达式的媒体属性,这些媒体属性会被解析成真或假。如果媒体查询中的媒体类型与文档要展示的设备相符则查询结果为真,并且媒体查询中的所有表达式为...

    tinymce-mediauploader:TinyMCE的Media Uploader插件

    TinyMCE的Media Uploader插件 演示版 例子 tinymce . init ( { selector : 'textarea' , plugins : 'link mediauploader' , toolbar : 'bold italic bullist numlist link mediauploader' , // Path to CSS ...

    简单介绍CSS3中Media Query的使用

    link rel="stylesheet" media="screen and (max-width: 600px)" href="small.css" /&gt;  css 中引入 CSS Code复制内容到剪贴板 @media screen and (max-width: 600px) { 选择器 { 属性:属性值...

    CSS media queries

    在CSS2中可以使用media属性可以使特定style只在指定媒体类型下其作用,比如页面有些部分需要在打印的时候隐藏或者变大,这时候可以使用media使某些style只在打印的时候生效 复制代码代码如下:@media print { /* 适用...

    JQuery结合CSS操作打印样式的方法

    link rel=”stylesheet” href=”css/mainstylesheet.css” media=”screen” /&gt; 用于打印的css: 代码如下:&lt;link rel=”stylesheet” href=”css/printstylesheet.css” media=”print” /&gt; 2,import...

    PostCSS插件,用于从CSS中提取所有媒体查询并作为单独的文件发出 -JavaScript-CSS-下载

    @media它允许您从 CSS 中提取所有规则,并将它们作为单独的文件发出,您可以将这些文件link rel=\\stylesheet\\ media=\\screen and (min-width 1024px)\\ href=\\desktop.css\\作为动态导入加载。 前 例子.css .foo...

    css-media-vars:一种编写响应式CSS的全新方法。命名断点,DRY选择器,无脚本,无构建,原始CSS

    来自PropJockey的css-media-vars一种编写响应式CSS的全新方法... link rel =" stylesheet " type =" text/css " href =" https://unpkg.com/css-media-vars/css-media-vars.css " &gt;您的移动优先CSS外观示例 . break

Global site tag (gtag.js) - Google Analytics