Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/35.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 媒体打印CSS_Html_Css - Fatal编程技术网

Html 媒体打印CSS

Html 媒体打印CSS,html,css,Html,Css,我目前正在处理CSS中的媒体查询,我以前从未使用过媒体打印。在定义@media print的文件的按钮上,是否有一种方法可以去除所有格式,而不必复制所有元素?为了简洁起见,我删除了大多数样式规则 是的,这是一个作业,我的问题超出了课堂范围,只是我个人的知识 nav.sitenavigation{ 颜色:黄色; 背景色:rgb(241,90,36); 文本对齐:居中; } 导航站点导航{ 显示:内联块; 边缘:.4em.6em; 字号:1.6em; } nav.sitenavigation a:

我目前正在处理CSS中的媒体查询,我以前从未使用过媒体打印。在定义@media print的文件的按钮上,是否有一种方法可以去除所有格式,而不必复制所有元素?为了简洁起见,我删除了大多数样式规则

是的,这是一个作业,我的问题超出了课堂范围,只是我个人的知识

nav.sitenavigation{
颜色:黄色;
背景色:rgb(241,90,36);
文本对齐:居中;
}
导航站点导航{
显示:内联块;
边缘:.4em.6em;
字号:1.6em;
}
nav.sitenavigation a:链接{
文字装饰:无;
颜色:黄色;
}
导航网站导航a:已访问{
颜色:白色;
}
nav.sitenavigation a:悬停{
颜色:黄色;
文本阴影:1px-1px 0黑色;
}
导航a:焦点{
颜色:黄色;
文本阴影:1px-1px 0黑色;
}
nav.sitenavigation a:活动{
位置:相对位置;
顶部:1px;
左:1px;
}
/*正文和页面容器*/
身体{
字体系列:拉托字体、Arial字体、Helvetica字体、无衬线字体;
背景色:#faebbf;
}
.集装箱{
最大宽度:800px;
保证金:0自动;
背景色:#6ac238;
位置:相对位置;
}
/*跳过导航段*/
p、 滑雪导航{
位置:绝对位置;
左:-10000px;
}
p、 skipnavigation a:焦点{
颜色:黑色;
背景色:白色;
位置:相对位置;
顶部:.4em;
左:自动;
右:.4em;
z指数:2;
}
/*打印样式*/
@媒体印刷品{
.container,h1,h2,header,header p,nav p,nav,div,article,p.sitenavigation,nav.sitenavigation,nav.sitenavigation a:已访问,p.skipnavigation a:焦点,nav.sitenavigation a:链接{
颜色:黑色;
背景色:白色;
}
}
@页面{
边缘:1英寸;

}
剥离所有格式可能不是您想要的-尝试一下,但相信它看起来会很奇怪。对于初学者来说,最好去掉特定的样式,比如
*{background:none-transparent;color:#000;}
*
选择器将针对所有对象,因此请小心使用

如果您真的想删除每种样式,有
*{all:unset}
*{all:initial}
-这些样式的行为略有不同,但请注意


您还可以查看各种css重置,它们剥离或规范化了大多数样式。

我认为您无法用纯css进行其他操作。还有其他更简单的方法来制作SCS,代码更简洁

另一种方法是,将一个特定的文件上传到打印介质,这样,您可以集中某一类型屏幕的所有样式,便于维护

大概是这样的:

<link rel="stylesheet" media="print" href="http://foo.com/mystyle.css" />

欲了解更多信息


我在某种程度上提供了帮助。

我想我没有说明我的意图,我只是在看它是否能发送给打印机。HTML的格式在打印出来的时候是没有用的。我有时间的时候会详细看一下。乍一看,这可能更有用,我确实看到Safari和IE在这方面不受支持。