2016 - 2024

感恩一路有你

Illustrator如何使用字符样式和CSS代码

浏览量:2035 时间:2024-01-31 18:58:23 作者:采采

在使用Adobe Illustrator创建设计时,您可以利用字符样式和CSS代码来处理文本格式。这些格式包括字体系列、字体大小、行距(在CSS中称为line-height)和字符间距(在CSS中称为letter-spacing)等等。通过在CSS代码中为文本创建命名的样式,您可以在图稿中创建并应用字符样式。这样,所使用的字符样式将在CSS属性列表中显示,并且名称与字符样式本身的名称相对应。

在CSS属性面板中创建字符样式

首先,在CSS属性面板中找到一个面板页的名称为“[Normal Character Style]”的样式。该面板页包含了只能应用于文字的字符样式。默认情况下,该面板上的“Normal Character Style”是应用于文本的样式。

接下来,选择菜单“窗口” > “文字” > “字符样式”,打开字符样式面板。按住Alt键(Windows系统)或Option键(Mac系统),在字符样式面板中应用h1字符样式。此时,文本将变为橘色并且字体变大。

应用字符样式并删除局部格式

切换到选择工具,选中CSS代码中的文本对象。选中文本对象后,可以看到CSS代码中使用的样式。接下来,切换到文字工具,在应用h1样式的标题下方,选中黑色文本“Things to Do”。

单击CSS属性面板中的h1样式名称,将其应用于所选文本。这样就应用了h1字符样式,但是有时可能并没有完全应用其中的格式。观察字符样式面板,如果在h1样式名称右侧出现了一个加号( ),则意味着局部格式将覆盖h1样式中的格式。

在CSS属性面板中再次单击h1样式名称,可以删除局部格式。这样,该文本的外观应该和“Welcome to Venice”文本一样。

观察应用的CSS样式

切换到选择工具,确保选中了包含标题文本“Things to Do”的整个文本对象。观察CSS属性面板,您将看到一系列已应用于文本的CSS样式。这些样式已经在文本中使用。

版权声明:本文内容由互联网用户自发贡献,本站不承担相关法律责任.如有侵权/违法内容,本站将立刻删除。