从网页设计图稿中,既可以导出部分CsS代码,也可将其全部导出。相对于创建CsS文件(css)或者从不支持CsS的内容中导出PNG文件,导出CSS代码有着它与众不同的优势。将会看到两种导出CSS的方式。
工具/原料
Illustrator
方法/步骤
1、仍选中该对象组,单击CSS属性面板底部的“导出所选CSS”按钮。
2、在“导出CSS”对话框中,确保文件名为webdesign.导航到Lesson>Lesson13>ForCSSExport文件夹,单击“保存”以保存一个名为webdesign.css的CSS文件。
3、在“Css导出选项”对话框中,保留所有默认设置并单击“确定”按钮。
4、自行查看Lesson13文件夹中的ForCsSExport文件夹,可以看到个webdesign.css文件和一个image.png图像。
5、返回llu衡痕贤伎strator中,选择菜单“文件”>“导出”。在“导出”对话样中,将“保存类型”设为CSS(*.css)(Windo臃扮哀坷ws系统)或“格式”为CSS(css),并将文件名称设为webdesignall导航到Lesson>Lesson13>ForCSSExport文件夹,然后单击“导出”按钮。
6、在“CSS属性选项”对话框中,保留所有默认设置后单击“确定”按钮。默认情况下,位置杨钭维程属性利大小属性是不会添加到CsS代码中的。但某些情况下,却需要导出带有这些选剐疫柩缓项的CSS代码。默认情况下,是包括“供应尚前缀”选项的。“供应商前缀”可以为特定浏览器(以列于对话框中)的些CSS新功能提供支持。还可以通过取消选择该选项以去除这些功能。
7、导航到Lesson≥Lesson13>ForCSSExport文件夹,将会看到名称为webdesignall.css的新CsS文件以及创建的系列图像。是因为在"CSS导出选项”对话柱巾勾选了“栅格化不支持的图稿”选项。
8、返回Illustator中选择荣胜“文件”>“存储”,再选择菜单“文件”>“关闭”。