Photoshop 从图层拷贝 CSS

4 min read

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

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

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

字体系列 字体大小 字体粗细 行高 下划线 删除线 上标 下标 文本对齐方式 从包含形状或文本的图层组复制 CSS 会为每个图层创建一个类以及创建组类。组类表示包含与组中图层对应的子 div 的父 div。子 div 的顶层/左侧值与父 div 有关。

注意:

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

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

右键单击形状/文本图层或图层组,并从上下文菜单中选择“复制 CSS”。

选择形状/文本图层或图层组,并从“图层”面板菜单中选择“复制 CSS”。

将代码粘贴至您的样式表文档。

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