<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
分享到:
相关推荐
本文将详细讲解`<link>`标签中的`media`属性,以及它在实际开发中的应用。 `<link>`标签的基本结构如下: ```html <link rel="stylesheet" type="text/css" href="styles.css" /> ``` 其中,`rel`属性定义了当前...
- `a:link`:未访问的链接,可以设置其初始状态的样式,如`a:link {color: #008000;}`。 - `a:visited`:已访问的链接,改变用户已经点击过的链接样式,如`a:visited {color: #800080;}`。 - `a:hover`:鼠标悬停...
样式单的一个最重要的特点就是它可以作用于多种媒体,比如页面、屏幕、电子合成器等等。特定的属性只能作用于特定的媒体,如...link rel="stylesheet" type="text/css" media="print" href="foo.css"> 可以看出
在 `Tab` 实现中,我们将利用 `css` 定义 `Tab` 的样式,包括颜色、字体、边框、背景等,并通过布局属性如 `display`、`flex` 或 `grid` 来实现自适应效果。 创建 `Tab` 自适应的步骤如下: 1. **HTML 结构**:...
在实际开发中,理解并熟练运用CSS属性和DOM属性对于创建交互性强、视觉效果好的网页至关重要。例如,通过`addEventListener`可以监听DOM事件,如点击、滚动等;使用`getElementsByClassName`或`querySelectorAll`...
以上总结涵盖了给定文件中提到的CSS属性和相关知识点,详细解析了每个属性的作用、应用场景及与其他属性的关联,旨在帮助读者深入理解CSS的灵活性和强大功能,为高效运用CSS进行网页设计和开发奠定坚实基础。
<link rel="stylesheet" href="path/to/your/stylesheet.css" type="text/css" media="all"> ``` **特点:** - **同步加载:**`<link>`会与HTML文档同时加载,可能会导致页面渲染前出现短暂的空白时间。 - **兼容性...
CSS还有许多其他属性,如布局属性(如`margin`、`padding`、`border`等)、盒模型属性(`box-sizing`、`display`等)、定位属性(`position`、`z-index`等)、背景属性(`background-color`、`background-image`等)...
<link rel="stylesheet" href="../css/screen.css" type="text/css" media="screen, projection"> <link rel="stylesheet" href="../css/print.css" type="text/css" media="print"> <!--[if IE]> <link rel=...
:可以使用link标签或style标签来引入CSS。 23. 什么是选择器?如何使用选择器来匹配HTML元素?:选择器是CSS中用于选择HTML元素的工具,可以使用ID选择器、class选择器、标签选择器等来匹配HTML元素。 24. 什么是...
1. **响应式设计**:尽管CSS3中的媒体查询更强大,但CSS2的`@media`规则也能实现简单的响应式设计。 2. **布局控制**:通过组合使用`display`属性(如`block`、`inline`、`inline-block`等)和浮动,可以创建各种...
这可以通过在组件的JSFF(JavaServer Faces Fragment)文件中添加`<af:resource type="css" source="path/to/your.css"/>`来实现,或者直接在组件的属性中写入内联样式。 4. **命名空间和类选择器**: ADF会自动为...
**CSS(层叠样式表)**是Web前端开发中的核心技术之一,用于定义网页的布局、颜色、字体等视觉效果。CSS样式表手册是开发者学习和查阅CSS规则的重要参考资料,尤其对于中文用户,中文手册能更直观、准确地理解概念和...
例如,我们可以使用`@media print`来定义仅在打印时应用的样式,或者通过`<link>`标签的`media`属性来指定样式表只对特定媒体类型生效: ```css @media print { body { font-size: 10pt } } <link href="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;"> 本文介绍了
Media Queries可以通过`<link>`标签的`media`属性来引用外部的CSS样式表,如: ```html <link rel="stylesheet" media="screen and (min-width: 980px)" href="desktop.css" /> ``` 同时,也可以在CSS文件中使用`@...
- **属性值(Value)**:属性值指定了属性的具体设置,例如`width: 200px`中的`200px`。 ### CSS语法 CSS的语法规则通常为: ``` 选择符 { 属性1: 值1; 属性2: 值2; ... } ``` ### CSS引入方式 - **内联样式...
在ASP.NET MVC框架中,可以使用`@Styles.Render`辅助方法将CSS文件组织为逻辑组,并在视图中自动插入`<link>`标签。 通过深入理解和熟练掌握这些CSS布局技术,开发者可以在ASP.NET环境中创建美观、高效的网页,...
5. **继承(Inheritance)**:CSS中的继承是指子元素可以继承父元素的一些样式,但不是所有属性都可继承,如`font-size`和`color`可以,`border`则不行。 **二、CSS盒模型** 盒模型是理解CSS布局的关键,包括内容...
- **空格和大小写**:在CSS中,某些属性名和值之间需要特定的空格来区分,而属性名通常不区分大小写,但值可能区分。 **1.3 CSS高级语法** - **选择器分组**:多个选择器可以被组合在一起,共享相同的样式声明,...