中途半端ながら印刷用スタイルシートを追加。不慣れなので背景色/文字色などを多少調整するに留まる。
練習を兼ねて、本腰入れて弄った方がよいのだろうけれど。
以下にはてなダイアリー用印刷スタイルシート作成時のコツのようなものを。
- ディスプレイ上のデザインを保たなくても良いなら、@mediaでscreenとprintを明確に分けた方がよい。特に複雑なスタイル（この日記のように）を指定している場合、それが様々に影響するので切り分けると楽。
- 全体の背景色に白、文字色に黒、フォントサイズ10pt程度を!importantで指定。
- 印刷用 CSS に必要なこと - lucky bagのようにa:afterでurlを表示する場合、適用範囲をdiv.section内に限定。またa.keyword、a[name]、a.sectionkategoryについてはa:afterを表示しないようにする。
- ブログモードの場合p.sectionfooterをdisplay:none。
- はてなヘッダーも非表示に（印刷時までは規約違反に問われないと思うけど）。tableをdisplay:noneしておいて、div.hatena-body tableをdisplay:blockで表示させる。
ところで、Opera8で見たらhtmlに対するbackground指定が上書きされていないようなのだが、これは何だろうか。
