在CSS中的如何进行打印设置

之前翻阅wordpress默认主题的时候，看到主题的打印设置占了很大的篇幅，嫌太麻烦所以直接跳过了。这几天想要打印一份博客上的内容，觉得页眉侧栏以及页尾都有点多余，只需要打印博文部分的内容就可以了。于是只能重新去学习关于打印的语法，发现实际上打印也可以理解成是一种页面输出，在打印“页面”下，想显示的就进行必要的设置，不想显示的就display:none;就可以了。

@media print {
  body {
    font-size: 10pt; /* 设置打印时的字体大小 */
    background: white; /* 去除背景色，打印时背景色可能会有所不同 */
    color: black; /* 打印文本颜色 */
  }
  a, a:visited {
    text-decoration: none; /* 去除链接下划线 */
    color: black; /* 打印链接颜色 */
  }
  .no-print {
    display: none; /* 隐藏不需要打印的元素 */
  }
  .break-before {
    page-break-before: always; /* 元素前强制分页 */
  }
}

因为只是想打印时隐藏一下页眉页脚，所以博主的设置就更为简单，只是给页眉页脚以及侧栏的总容易加上了一个no-print的类名，然后在css里设置在打印时不显示出来，就可以了。