复制 CSS 可从形状或文本图层生成级联样式表 (CSS) 属性。CSS 被复制到剪贴板并且可以粘贴到样式表中。对于形状,它会捕获以下内容的值:

  • 大小
  • 位置
  • 描边颜色
  • 填充颜色(包括渐变)
  • 投影

对于文本图层,复制 CSS 还捕获以下值:

  • 字体系列
  • 字体大小
  • 字体粗细
  • 行高
  • 下划线
  • 删除线
  • 上标
  • 下标
  • 文本对齐方式

从包含形状或文本的图层组复制 CSS 会为每个图层创建一个类以及创建组类。组类表示包含与组中图层对应的子 div 的父 div。子 div 的顶层/左侧值与父 div 有关。

注意:

“复制 CSS”命令不适用于智能对象或选择未分组的多个形状/文本图层的情况。

  1. 在“图层”面板中,执行以下操作之一:

    • 右键单击形状/文本图层或图层组,并从上下文菜单中选择“复制 CSS”。
    • 选择形状/文本图层或图层组,并从“图层”面板菜单中选择“复制 CSS”。
  2. 将代码粘贴至您的样式表文档。

有关使用 Photoshop 创建网页的详细信息,请参阅将 Web 页切片