Geoff Graham

我喜欢把 CSS 想象成一种爱的语言。如果写得好，它可以像诗歌一样优美。它有规则、语义，就像爱本身一样，可以用多种方式表达。考虑各种选项……

CSS 中的 bleed 属性用于在确定打印页面大小时，指定页面框边界之外的空间。页面框

@page :left {
  bleed: 10pt;	
}

@page :top {
  bleed: 5cm;	
}

请注意，bleed 是…的一部分

CSS 中的 stroke-dasharray 属性设置 SVG 形状描边中虚线的长度。更具体地说，它设置了 *交替的虚线和它们之间间隙的图案* 的长度……

CSS 中的 stroke-dashoffset 属性定义了 SVG 路径上 stroke 的虚线开始的位置。数字越大，虚线开始的位置越靠后。

.module {
  stroke-dashoffset: 100;
}

记住

• 这

CSS 中的 stroke-linecap 属性用于设置 SVG 形状边框的起始和结束点。

.module {
  stroke-linecap: round;
}

记住

• 这**将**覆盖表示属性 <path stroke-linecap="square" ... />
• 这**不会**覆盖

CSS 中的 stroke-width 属性用于设置 SVG 形状边框的宽度。

.module {
  stroke-width: 2;
}

记住

• 这**将**覆盖表示属性 <path stroke-width="2" ... />
• 这**不会**覆盖内联样式，例如

CSS 中的 stroke 属性用于向 SVG 形状添加边框。

.module {
  stroke: black;
}

记住

• 这**将**覆盖表示属性 <path stroke="#fff" ... />
• 这**不会**覆盖内联样式，例如 <path style="stroke: #fff;"

CSS 中的 fill 属性用于填充 SVG 形状的颜色。

.eyeball {
  fill: red;
}

记住

• 这**将**覆盖表示属性 <path fill="#fff" ... />
• 这**不会**覆盖内联样式，例如 <path

:placeholder-shown 伪类选择**输入元素本身**，当表单输入中存在占位符文本时。可以将其视为一种区分 *当前显示占位符文本* 的输入与不显示占位符文本的输入的好方法。

input:placeholder-shown {