平面设计培训资讯--上海Adobe平面培训中心老师教你用Photoshop软件从图层拷贝CSS

非凡资讯

上海Adobe平面培训中心老师教你用Photoshop软件从图层拷贝CSS

发布日期：2019/11/2 15:23:10 上海Adobe平面培训中心 154 分享

Adobe平面培训老师教给同学们一个知识点：复制 CSS 可从形状或文本图层生成级联样式表 (CSS) 属性。CSS 被复制到剪贴板并且可以粘贴到样式表中。对于形状，它会捕获以下内容的值：

大小、位置、描边颜色、填充颜色（包括渐变）、投影

对于文本图层，复制 CSS 还捕获以下值：

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

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

Adobe平面培训老师在这里提醒同学们注意: “复制 CSS”命令不适用于智能对象或选择未分组的多个形状/文本图层的情况。

1、在“图层”面板中，执行以下操作之一：

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

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

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