一部好的喜剧小说难以界定,但安德鲁·肖恩·格里尔对此颇有心得。在此,他反思了是什么让幽默写作如此令人愉悦。
这是一段CSS代码块,用于定义网站的自定义字体。它设置了“Guardian Headline Full”字体家族,包含不同的样式和字重,如细体、常规、中等和半粗体,每种都有常规和斜体版本。代码指定了从何处下载字体文件,使用WOFF2、WOFF和TTF等不同格式以确保跨浏览器兼容性。 这是一段CSS代码块,不是文本段落。它定义了网站的字体样式和布局规则。以下是其作用的通俗解释: 该代码为Guardian网站设置了自定义字体,包括不同字重(粗体、特粗及其斜体版本)的“Guardian Headline Full”和粗体的“Guardian Titlepiece”。这些字体从Guardian的资产服务器以多种格式(WOFF2、WOFF和TTF)加载,以确保跨浏览器兼容性。 它还包含针对名为“content__main-column--interactive”的特定页面布局的响应式设计规则。在较宽的屏幕(超过71.25em)上,此列的左外边距为160px,在更宽的屏幕(超过81.25em)上,边距增加到240px。在此列内,某些元素如“element-atom”被限制为最大宽度620px,但在较小的屏幕(低于46.24em)上,它们可以占据全宽。 对于“element-showcase”元素,在移动设备上没有左外边距,但在中等屏幕(46.25em及以上)上,它们被限制为620px宽,在大屏幕(71.25em及以上)上,它们可以扩展到860px。“Element-immersive”元素被设计为全宽:在移动设备上,它们横跨整个视口,在中等屏幕上它们略微偏移并延伸超出列,在大屏幕上它们正常对齐,最大宽度为1260px。 最后,此列中的段落和列表也被限制为620px宽,并且有一个装饰性的伪元素(“:before”)跨越列的整个高度加上15px,最小高度为100px,定位在顶部。.content__main-column--interactive:before { border-left: 1px solid #dcdcdc; z-index: -1; left: -10px; } @media (min-width: 81.25em) { .content__main-column--interactive:before { border-left: 1px solid...