在 Photoshop 中从图层复制 CSS

优质
小牛编辑
130浏览
2023-12-01

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

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

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

    • 字体系列
    • 字体大小
    • 字体粗细
    • 行高
    • 下划线

    • 删除线
    • 上标
    • 下标
    • 文本对齐方式


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

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

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

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

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