CSS - 页面打印

CSS - 页面打印 首页 / CSS入门教程 / CSS - 页面打印

当网页打印在纸上时,可以使用CSS更改网页的外观。您可以为屏幕版本指定一种字体,为打印版本指定另一种字体。

您已经在前面的章节中看到了@media规则。此规则允许您为不同的媒体指定不同的样式。

无涯教程网

下面的示例为屏幕和打印指定不同的字体系列。下一个CSS对屏幕和打印机使用相同的字体大小。

链接:https://www.learnfk.comhttps://www.learnfk.com/css/css-printing.html

来源:LearnFk无涯教程网

<style type="text/css">
   <!--
      @media screen {
         p.bodyText {font-family:verdana, arial, sans-serif;}
      }

      @media print {
         p.bodyText {font-family:georgia, times, serif;}
      }
      @media screen, print {
         p.bodyText {font-size:10pt}
      }
   -->
</style>

如果要在单独的文件中定义样式表,那么在链接到外部样式表时也可以使用media属性-

<link rel="stylesheet" type="text/css" media="print" href="mystyle.css">

祝学习愉快!(内容编辑有误?请选中要编辑内容 -> 右键 -> 修改 -> 提交!)

技术教程推荐

技术领导力实战笔记 -〔TGO鲲鹏会〕

程序员进阶攻略 -〔胡峰〕

代码精进之路 -〔范学雷〕

算法面试通关40讲 -〔覃超〕

白话法律42讲 -〔周甲徳〕

Java并发编程实战 -〔王宝令〕

张汉东的Rust实战课 -〔张汉东〕

Django快速开发实战 -〔吕召刚〕

etcd实战课 -〔唐聪〕

好记忆不如烂笔头。留下您的足迹吧 :)