Brennen Puth | 2026-10-24 我在找工作！（点击展开）如果你对这篇文章有任何问题或想法，我很想听听！我目前在美国东北部找工作。学年结束时我将获得计算机科学和网络安全操作两个学士学位。我曾从事网页应用程序开发和Java工作，并且有Rust、C++、Python和其他各种语言的经验。如果你对我过去做过的事情感兴趣，我在这里保持了一份简短的项目列表，或者你可以联系我，给我一个发送简历的地方。我想任何阅读我帖子的人都会有一个有趣的邀请，所以所有的线索都是受欢迎的！我现在阅读很多印刷的资料。虽然我和其他人一样喜欢在笔记本电脑上阅读，但在印刷文档上做标记让我更有投入感。此外，坐在白板前和一份印刷文档旁边让我确实觉得自己在做一些重要的事情。所以我一直在思考如何最好地让他人享受我写的内容的这一媒介。幸好，对于我来说，印刷文档曾经是网页设计的一个重要焦点。你可以通过按CTRL-P来打印任何你喜欢的网页，并希望你的打印机驱动程序今天能合作。我在自己的网页上测试了这一点，愚蠢地认为我会得到一个不错的打印效果，结果并不好，尽管你至少可以看到所有内容。字体大了大约两个级别，打印时标题看起来很糟糕，链接在黑白印刷中看起来很灰。完全不可接受。 让东西可打印 幸运的是，网络社区已经关注从HTML页面打印文档。CSS有选择器允许专门为打印内容进行样式设置，这些都很有用。以下是我现在为这个页面编写的与打印相关的代码： . onlyPrint { display : none ; } @media print { . noPrint { display : none ; } . onlyPrint { display : inline ; } p , ol { font-size : 12 pt ; } h3 , h4 { font-size : 13 pt ; } h2 { font-size : 14 pt ; } h1 { font-size : 16 pt ; } . giallo { border : 3 px solid black ; } . giallo-l { font-size : 11 pt ; } a { color : black !important ; } } 你可以通过按CTRL-P或点击此页面上的打印按钮来查看这个代码的效果。以下是这段代码为我提供的功能，按顺序排列：onlyPrint可以作为类添加，以便仅显示在打印文档中的元素。目前，这意味着在副标题上添加小的作者归属。noPrint用于从打印的网站中去除某些内容。我把它放在标题上，因为打印格式下看起来真的很丑。调整打印字体大小非常重要。我在我网站上使用的可变比例文本在印刷页面上看起来很糟糕。12pt是一种相当被接受的大小，所以我想这样可以。较大的标题大小也是合理的。giallo调整是针对代码块的。老实说，代码块即使经过一些调整，还是最丑的部分。它们想要作为一个整体呈现，而不是在页面边界上断开，如果有人有解决方案，我将非常感激。蓝色链接，尽管我在网站上喜欢它们，但在灰度下看起来很糟糕。把它们的颜色改成和其他文本一样是可以的。你可以自由从CSS中提取任何你喜欢的代码，我对此并不保护。我个人非常希望看到更多考虑打印效果的网页。 为什么你应该这样做 在尝试以这种方式优化我的网站后，我对那些不优先考虑打印的人感到同情。在打印中隐藏和显示所有正确的内容花费了我早上的相当一部分时间。我的网站并不复杂。我也怀疑有多少人定期打印网页。我可能是唯一一个。不过，如果你的网站所包含的只是文本，让人们在他们喜欢的媒介中体验文本绝对不是坏事。数字媒介允许很多灵活性。通往良好软件的道路是软件工程师对其用户的善意铺就的。也许有一天，有人会发现这种善意并微笑，哪怕只是短暂的瞬间。而那将是值得的。