印刷用CSSを別ファイルで用意せずに済ませる

別ファイルで用意するの正直めんどくせ〜と思っていたが、
メディアクエリで書けば簡単

1. CSSファイルをmedia="all"で読み込む

<link rel="stylesheet" media="all" href="~~~~/style.css">

2. @media print{ で書いていく

/**********印刷用**********/
@media print{
    body{
    color: #000;
    background: transparent;
    }
    /*など、適宜書いていく*/
}

これだけ！

デバックはChromeのデベロッパーツールでできちゃう

参考

webtan.impress.co.jp