HTML <style> 标签的 media 属性

HTML <style> 标签

实例

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

<html>
<head>
<style type="text/css">
h1 {color:#FF0000;}
p {color:#0000FF;}
body {background-color:#FFEFD6;}
</style><style type="text/css" media="print">
h1 {color:#000000;}
p {color:#000000;}
body {background-color:#FFFFFF;}
</style>
</head><body>
<h1>Header 1</h1>
<p>A paragraph.</p>
</body>
</html>

亲自试一试

定义和用法

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

提示：如需在一个 style 元素中定义一个以上的媒介类型，请使用逗号分隔的列表（例如：<style type="text/css" media="screen,projection">）。

浏览器支持

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

提示：Opera 同时支持 "handheld" 值。

语法

<style media="value">

属性值

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

转载于:https://www.cnblogs.com/telwanggs/p/5209280.html

TML 打印预览问题，怎么设置有些内容不出现在打印预览页面上。怎么控制，有下代码看得不是很懂求解释...相关推荐

QTextEdit详解(设置显示内容的两种方式（setPlainText/insertPlainText、滚动条自动(往下、往上)滚动……)
目录一.设置显示内容的两种方式(setPlainText/insertPlainText) 二.滚动条自动(往下.往上)滚动三.如何设置背景颜色/背景图片一.设置显示内容的两种方式(setPla ...
如何设置html打印区域大小,excel如何设置打印区域
EXCEL打印区域很大,怎么设置打印才能全部打出来 1.首先点击想要打印的excel文档,在工具栏中点击"打印预览" 2.点击页边距选项 3.然后设置打印区域:点击文件--打印选定 ...
java打印星型_初识java java入门知识基础知识打印各种星型图形源代码
今天给大家带来的是初级Java基础部分的知识:包括初识Java.变量.常量.数据类型.运算符.各种选择结构.循环结构.数组等Java的基础语法部分!最后还有****循环结构的进阶****,步骤超详细, ...
Zebra斑马打印机指令编程进阶(语言通用)--利用指令绘制出图像打印
之前介绍过Zebra的入门打印,由于Zebra指令繁多,并且自带字体不能打印中文,如果打印内容中有中文的话,还是推荐大家先用Graphic类先画好自己想要的image,然后将整张图片进行打印.而且调试 ...
PrintDocument打印、预览、打印机设置和打印属性的方法（较完整）
C# 中打印.预览.打印机设置和打印属性的方法http://www.veryhuo.com 2011-10-08 烈火学院投递稿件我有话说private void Form1_Load(objec ...
C# 中打印、预览、打印机设置和打印属性的方法
private void Form1_Load(object sender, System.EventArgs e) { //获取或设置一个值,该值指示是否发送到文件或端口 print ...
camera（17）---设置摄像头方向、打开线程与预览线程、设置参数、Camera外设按键、自动对焦与触摸对焦、拍照、人脸检测、位置管理、旋转管理、变焦、录像
[Android]设置摄像头方向.打开线程与预览线程.设置参数.Camera外设按键.自动对焦与触摸对焦.拍照.人脸检测.位置管理.旋转管理.变焦.录像阅读数:1673 设置摄像头方向.打开线程与预 ...
excel打印预览在哪里_易打标条码标签设计打印软件下载_易打标条码标签设计打印软件绿色版下载...
<易打标条码标签设计打印软件>是一款条形码.二维码打印软件,功能强大,使用方便,能够支持LPT/COM/USB等多种形式的打印设备连接. 软件特性功能布局清晰简洁,导航式设计,上手即会; ...
基于http请求web打印组件，实现浏览器、移动端、服务端无预览打印
打印功能在项目开发中比较常用,尤其是工业级应用十分广泛,且无预览打印,而因浏览器安全机制,无法直接实现无预览打印,根据项目需求,做了一个打印的插件,可以实现无预览打印,且模板调整十分便捷环境:Bar ...

TML 打印预览问题，怎么设置有些内容不出现在打印预览页面上。怎么控制，有下代码看得不是很懂求解释...

HTML <style> 标签的 media 属性

实例

定义和用法

浏览器支持

语法

属性值

TML 打印预览问题，怎么设置有些内容不出现在打印预览页面上。怎么控制，有下代码看得不是很懂求解释...相关推荐

最新文章

热门文章

TML 打印预览问题，怎么设置有些内容不出现在打印预览页面上。怎么控制，有下代码 看得不是很懂 求解释...

HTML <style> 标签的 media 属性

实例

定义和用法

浏览器支持

语法

属性值

TML 打印预览问题，怎么设置有些内容不出现在打印预览页面上。怎么控制，有下代码 看得不是很懂 求解释...相关推荐

最新文章

热门文章

TML 打印预览问题，怎么设置有些内容不出现在打印预览页面上。怎么控制，有下代码看得不是很懂求解释...

TML 打印预览问题，怎么设置有些内容不出现在打印预览页面上。怎么控制，有下代码看得不是很懂求解释...相关推荐