`

[转]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

分享到:
评论

相关推荐

    HTML <link> 标签的 media 属性

    本文将详细讲解`&lt;link&gt;`标签中的`media`属性,以及它在实际开发中的应用。 `&lt;link&gt;`标签的基本结构如下: ```html &lt;link rel="stylesheet" type="text/css" href="styles.css" /&gt; ``` 其中,`rel`属性定义了当前...

    CSS:A标记样式

    - `a:link`:未访问的链接,可以设置其初始状态的样式,如`a:link {color: #008000;}`。 - `a:visited`:已访问的链接,改变用户已经点击过的链接样式,如`a:visited {color: #800080;}`。 - `a:hover`:鼠标悬停...

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

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

    div+css:Tab自适应的示例代码

    在 `Tab` 实现中,我们将利用 `css` 定义 `Tab` 的样式,包括颜色、字体、边框、背景等,并通过布局属性如 `display`、`flex` 或 `grid` 来实现自适应效果。 创建 `Tab` 自适应的步骤如下: 1. **HTML 结构**:...

    CSS和DOM属性用法速查手册.doc

    在实际开发中,理解并熟练运用CSS属性和DOM属性对于创建交互性强、视觉效果好的网页至关重要。例如,通过`addEventListener`可以监听DOM事件,如点击、滚动等;使用`getElementsByClassName`或`querySelectorAll`...

    CSS-CSS属性速查表

    以上总结涵盖了给定文件中提到的CSS属性和相关知识点,详细解析了每个属性的作用、应用场景及与其他属性的关联,旨在帮助读者深入理解CSS的灵活性和强大功能,为高效运用CSS进行网页设计和开发奠定坚实基础。

    CSS什么时候用import什么时候用link 有何区别

    &lt;link rel="stylesheet" href="path/to/your/stylesheet.css" type="text/css" media="all"&gt; ``` **特点:** - **同步加载:**`&lt;link&gt;`会与HTML文档同时加载,可能会导致页面渲染前出现短暂的空白时间。 - **兼容性...

    常用的CSS属性大全

    CSS还有许多其他属性,如布局属性(如`margin`、`padding`、`border`等)、盒模型属性(`box-sizing`、`display`等)、定位属性(`position`、`z-index`等)、背景属性(`background-color`、`background-image`等)...

    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=...

    3-html+css简答题.doc

    :可以使用link标签或style标签来引入CSS。 23. 什么是选择器?如何使用选择器来匹配HTML元素?:选择器是CSS中用于选择HTML元素的工具,可以使用ID选择器、class选择器、标签选择器等来匹配HTML元素。 24. 什么是...

    CSS2中文手册下载

    1. **响应式设计**:尽管CSS3中的媒体查询更强大,但CSS2的`@media`规则也能实现简单的响应式设计。 2. **布局控制**:通过组合使用`display`属性(如`block`、`inline`、`inline-block`等)和浮动,可以创建各种...

    CSS,在adf中创建css

    这可以通过在组件的JSFF(JavaServer Faces Fragment)文件中添加`&lt;af:resource type="css" source="path/to/your.css"/&gt;`来实现,或者直接在组件的属性中写入内联样式。 4. **命名空间和类选择器**: ADF会自动为...

    css样式表中文手册

    **CSS(层叠样式表)**是Web前端开发中的核心技术之一,用于定义网页的布局、颜色、字体等视觉效果。CSS样式表手册是开发者学习和查阅CSS规则的重要参考资料,尤其对于中文用户,中文手册能更直观、准确地理解概念和...

    CSS media queries

    例如,我们可以使用`@media print`来定义仅在打印时应用的样式,或者通过`&lt;link&gt;`标签的`media`属性来指定样式表只对特定媒体类型生效: ```css @media print { body { font-size: 10pt } } &lt;link href="css/...

    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; 本文介绍了

    CSS3中的Media Queries学习笔记

    Media Queries可以通过`&lt;link&gt;`标签的`media`属性来引用外部的CSS样式表,如: ```html &lt;link rel="stylesheet" media="screen and (min-width: 980px)" href="desktop.css" /&gt; ``` 同时,也可以在CSS文件中使用`@...

    CSS快速入门 中文 手册

    - **属性值(Value)**:属性值指定了属性的具体设置,例如`width: 200px`中的`200px`。 ### CSS语法 CSS的语法规则通常为: ``` 选择符 { 属性1: 值1; 属性2: 值2; ... } ``` ### CSS引入方式 - **内联样式...

    asp.net css样式布局

    在ASP.NET MVC框架中,可以使用`@Styles.Render`辅助方法将CSS文件组织为逻辑组,并在视图中自动插入`&lt;link&gt;`标签。 通过深入理解和熟练掌握这些CSS布局技术,开发者可以在ASP.NET环境中创建美观、高效的网页,...

    css中文手册 css样式表

    5. **继承(Inheritance)**:CSS中的继承是指子元素可以继承父元素的一些样式,但不是所有属性都可继承,如`font-size`和`color`可以,`border`则不行。 **二、CSS盒模型** 盒模型是理解CSS布局的关键,包括内容...

    CSS全科教程(Word文档)

    - **空格和大小写**:在CSS中,某些属性名和值之间需要特定的空格来区分,而属性名通常不区分大小写,但值可能区分。 **1.3 CSS高级语法** - **选择器分组**:多个选择器可以被组合在一起,共享相同的样式声明,...

Global site tag (gtag.js) - Google Analytics