养生 装修 购物 美食 感冒 便秘 营销 加盟 小吃 火锅 管理 创业 搭配 减肥 培训 旅游

Illustrator如何导出CSS

时间:2024-11-09 09:34:40

从网页设计图稿中,既可以导出部分CsS代码,也可将其全部导出。相对于创建CsS文件(css)或者从不支持CsS的内容中导出PNG文件,导出CSS代码有着它与众不同的优势。将会看到两种导出CSS的方式。

工具/原料

Illustrator

方法/步骤

1、仍选中该对象组,单击CSS属性面板底部的“导出所选CSS”按钮。

Illustrator如何导出CSS

2、在“导出CSS”对话框中,确保文件名为webdesign.导航到Lesson>Lesson13>ForCSSExport文件夹,单击“保存”以保存一个名为webdesign.css的CSS文件。

Illustrator如何导出CSS

3、在“Css导出选项”对话框中,保留所有默认设置并单击“确定”按钮。

Illustrator如何导出CSS

4、自行查看Lesson13文件夹中的ForCsSExport文件夹,可以看到个webdesign.css文件和一个image.png图像。

Illustrator如何导出CSS

5、返回llu衡痕贤伎strator中,选择菜单“文件”>“导出”。在“导出”对话样中,将“保存类型”设为CSS(*.css)(Windo臃扮哀坷ws系统)或“格式”为CSS(css),并将文件名称设为webdesignall导航到Lesson>Lesson13>ForCSSExport文件夹,然后单击“导出”按钮。

Illustrator如何导出CSS

6、在“CSS属性选项”对话框中,保留所有默认设置后单击“确定”按钮。默认情况下,位置杨钭维程属性利大小属性是不会添加到CsS代码中的。但某些情况下,却需要导出带有这些选剐疫柩缓项的CSS代码。默认情况下,是包括“供应尚前缀”选项的。“供应商前缀”可以为特定浏览器(以列于对话框中)的些CSS新功能提供支持。还可以通过取消选择该选项以去除这些功能。

Illustrator如何导出CSS

7、导航到Lesson≥Lesson13>ForCSSExport文件夹,将会看到名称为webdesignall.css的新CsS文件以及创建的系列图像。是因为在"CSS导出选项”对话柱巾勾选了“栅格化不支持的图稿”选项。

Illustrator如何导出CSS

8、返回Illustator中选择荣胜“文件”>“存储”,再选择菜单“文件”>“关闭”。

Illustrator如何导出CSS

Illustrator如何导出CSS

© 一点知识