查看和提取 CSS 代码

要生成 CSS 代码，请执行下列操作之一：

  • 确保您的 Illustrator 文档的对象在“图层”面板命名。
  • 单击“窗口”>“CSS 属性”> 弹出菜单 >“导出选项”，并选中“为未命名的对象生成 CSS”复选框。
  1. 选择“窗口”>“CSS 属性”。

    A. 如果某些样式无法转换为 CSS 代码，将显示警告 B. “CSS 导出选项”对话框 C. 将选定 CSS 导出到文件 D. 将选定样式复制到剪贴板 E. 生成 CSS F. 弹出菜单 G. 选定对象中使用的样式 H. CSS 代码

  2. 在打开的 Illustrator 文档中，执行下列操作之一：

    • 选择一个对象。该对象的 CSS 代码显示在“CSS 属性”面板。
    • 按住 Shift，选择多个对象，然后在“CSS 属性”面板，单击“生成 CSS”按钮。
    • 按 Ctrl/Cmd + A 选择所有对象，然后在“CSS 属性”面板，单击“生成 CSS”按钮。
      将显示生成的 CSS 代码。

  3. 要获取生成的 CSS 代码，请执行下列操作之一：

    • 要复制选择的代码，请选择特定代码，然后：
      • 要复制到剪贴板，请单击“复制所选样式”
      • 要导出到文件，请单击弹出菜单，然后单击“导出所选 CSS”
    • 要复制所有代码，请不要选择任何 CSS 代码，然后：
      • 要复制到剪贴板，请单击“复制所选样式”
      • 要导出到文件，请单击弹出菜单，然后单击“全部导出”

  4. 将 CSS 代码保存到文件时，从下列选项中选择：

    注意: 要修改生成的 CSS 代码内容，在“CSS 属性”面板，单击“导出选项”，然后进行相应的选择。

    VOOSSI