Heim > Web-Frontend > HTML-Tutorial > css 为要打印的页面设置css样式表的几种方法

css 为要打印的页面设置css样式表的几种方法

WBOY
Freigeben: 2016-06-01 09:53:15
Original
1695 Leute haben es durchsucht

方法一:使用link引入外部样式表。

<code class="language-html"><link rel="stylesheet" href="css/style.css" media="print"></code>
Nach dem Login kopieren

media属性设置为print,表示该样式作用于打印。

 

二.import方式引入样式表。

<code class="language-css"><style type="text/css">
@import url("css/printstylesheet.css") print;
</style></code>
Nach dem Login kopieren

以上代码引入的样式可以用于打印样式。

 

三.页面样式和打印样式在同一个文件中

<code class="language-css">@media print{
h1{
color:black;
}
h2{
color: gray;
}
}
div{color:red}</code>
Nach dem Login kopieren

以上就是设置打印样式的三种方法。 

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage