如何从 PSD 文件中提取 CSS

添加时间：2020-11-17 09:27:05   浏览次数： 次    【 大 中 小 】   打印   关闭窗口

 在 Extract 面板中（“窗口”>“Extract”），单击所需的 PSD 文件。PSD 的缩略图视图会展开，允许您清楚地查看复合。

保定网站设计培训帮助大家了解一下：
 

在 PSD 文件中，请单击所需的元素或资产。将出现一个弹出窗口，显示该元素的 CSS 属性列表，并提供选项供您选择和复制。您可以按像素或百分比查看所选元素的宽度和高度。

 

注意：如果您此处选择的是百分比，则度量值也会以百分比为单位显示。

 

Extract 面板中的“复制 CSS”选项

Extract 面板中的“复制 CSS”选项

要复制 CSS，请选择要复制的属性，然后单击“复制 CSS”。 

                                         

使用以下方法之一将 CSS 粘贴到您的文档中：

 

将 CSS 粘贴到 CSS Designer 中，右键单击所需的选择器，然后单击“粘贴样式”。

要使用 Element Display 粘贴 CSS，右键单击一个选择器，然后单击“粘贴样式”。

要在代码中粘贴 CSS，请在需要的位置放置插入点，单击鼠标右键，然后单击“粘贴”。

要使用代码提示提取 CSS，请执行以下步骤：

 

打开附加到文档的 CSS 源或者切换到 HTML 文档的“代码”视图。

 

在 Extract 面板中，单击所需的 PSD 文件，然后单击复合中的所需元素。

 

在您的文档中，请在代码中需要的位置放置插入点。 

 

开始键入 CSS 属性的名称，以便查看那些包含 PSD 复合中选定元素的 CSS 属性的代码提示。单击所需的 CSS 属性以插入到代码中。

 

显示 PSD 文件中某个元素的 CSS 属性的代码提示

显示 PSD 文件中某个元素的 CSS 属性的代码提示

如需提取多个 CSS 属性，请在 Extract 弹出面板中选择所需的属性。然后，在代码提示中，单击“插入选定属性”。