哇！让我们来聊聊怎么让打印出来的东西变得geng漂亮吧！

哦吼， 亲喜欢的细小伙伴们，今天我要跟你们分享一个细小暗地，就是怎么样让打印出来的页面kan起来geng棒！是不是听起来就有点细小激动呢？优良啦，那我们就开头吧！

第一步：去掉那些个不用kan的东西

打印页面嘛，当然是要把有用的信息打印出来。那么 那些个我们kan电脑的时候才Nengkan到的导航、广告还有那些个版权声明的东西，是不是Neng给它们来个“隐身术”呢？我们Neng用个超级神奇的魔法叫“display:none”。这样它们就乖乖地消失不见啦！不过想起来这些个细小家伙在打印的时候不Neng被彻头彻尾忘掉哦。

@media print {
  /* 去掉导航和广告 */
  .header, .ad {
    display: none;
  }
  /* 去掉版权声明 */
  .footer #copy {
    display: none;
  }
}

第二步：只打印我想打印的有些

有时候， 我们只想要打印页面的某一有些，比如说一个报告或者一张发票。那怎么办呢？这时候，我们就需要用CSS来施展一下魔法，让那些个不需要打印的东西变成“隐形人”。

@media print {
  /* 只打印print-area元素 */
  body * {
    visibility: hidden;
  }
  #print-area, #print-area * {
    visibility: visible;
  }
}

第三步：字的巨大细小和颜色， 也要刚刚优良

在电脑屏幕上，字儿Nenghen巨大，色彩也hen丰有钱。但是打印出来可不一样了字儿要细小一些，颜色也要对打印机来说合适。所以我们要设置合适的字体巨大细小和颜色。

先说说是字体巨大细小，我们一般会用14像素这玩意儿数字，基本上原因是打印出来既清晰又不会太巨大。

@media print {
  /* 设置字体巨大细小 */
  body {
    font-size: 14px;
  }
}

然后是颜色， 我们兴许会选择一个不那么刺眼的颜色，比如黑色或者深厚灰色，这样打印出来就不会太亮，也轻巧松阅读。

@media print {
  /* 设置字体颜色 */
  body {
    color: #;
  }
}

第四步：页面的边边角角也要美美哒

再说说我们得保证页面的巨大细小和边距合适。我们通常会用A4巨大细小的纸张，然后在上下左右各留10毫米的地方。

@media print {
  /* 设置页面巨大细小和边距 */
  @page {
    size: A4;
    margin: 20mm 10mm;
  }
}

一下 我们Zuo了哪些魔法

优良啦，我们今天就是用了一些超级轻巧松的细小技巧，比如隐藏那些个不少许不了的东西、只打印我们需要的有些、调整字体巨大细小和颜色，还有设置页面的巨大细小和边距。这样一来打印出来的页面不就变得漂漂亮亮的了吗？赶迅速试试kan吧，相信你的打印页面一定会让人眼前一亮哦！

记住哦， 用@media print来设置打印相关的样式，这样就Neng让打印出来的页面和电脑上的页面长远得不一样，专门为打印而生哦！