Chris Coyier

在这个问答中，我回答了有关 HTML 电子邮件、基线网格、重置、不透明度问题等等的问题……

上周 我要求人们参与围绕特定设计模式（电子邮件设置）进行一些小组设计思考。这是前提

想象一下，在 Web 应用程序中可能发生三种可以触发电子邮件的事件。

在 CodePen 上进行一些跨浏览器探查时，我注意到代码编辑器的字体在 WebKit 浏览器（Safari 和 Chrome）中明显比在 Firefox 或 Opera 中更暗淡和更弱。我非常……

没有非常简单且标准化的方式可以在圆圈（或任何类型的曲线）上设置网页文字。但是，它可以做到！我们将在下面探讨一种方法。但请注意，我们将使用一些……

当将 transform-style 属性应用于元素时，它将确定该元素的子元素是在 3D 空间中定位还是扁平化。

.parent {
  transform-style: preserve-3d;
}

它接受两个值之一：flat（默认值）和 preserve-3d。为了演示……

perspective-origin 属性确定 perspective 属性的原点。可以将其视为当前 3D 空间的消失点。

请注意，对于 perspective 属性，perspective-origin 必须在父元素上定义才能……

perspective CSS 属性通过影响 Z 平面与用户之间的距离，为元素提供 3D 空间。

效果的强度由值确定。值越小，您从……

transform-origin 属性与 CSS 变换一起使用，可让您更改变换的原点。

.element {
  transform: rotate(360deg);
  transform-origin: top left;
}

如上所述，transform-origin 属性最多可以接受两个用空格分隔的……

以下是适用于 Google Code Prettify (在此处找到) 的主题。

.prettyprint {
  color: #839496;
  background-color: #002b36;
}

.prettyprint .pln {
  color: inherit;
}

.prettyprint .str,
.prettyprint .lit,
.prettyprint .atv {
  color: #2aa198;
}

.prettyprint .kwd {
  color: #268bd2;
}