关于preziCSS编辑器几点解读.pdf

关于 prezi 的 CSS 编辑器的几点解读 引言： Prezi 是一个同power point 一样的演示软件，其高端大气上档次自不必 说，度娘谷歌上说的够多了，国内prezi 界比较出名的 “jz多媒体解决方案” 使我们系统的学习了prezi 的各种技巧，也教给了我们很多关于prezi 制作的 思想方面的东西，在此对jz 表示敬意。 本人非计算机专业，这里关于prezi 的CSS 编辑器的些许见解可能有错误， 但作为技术见解纯属抛砖引玉，希望更多的人能成为一名prezier。下面我主 要以4.7.3 版本prezi 的第一个theme （因为不同的theme 的CSS 编辑器的属 性不一样，有的属性在不同的theme 里可用，但在另一个theme 里又不可用） 的CSS 编辑器的各种属性设置为主线对prezi 里的CSS 自定义进行解读。 正文： 通过shift+ctrl+c 调出css 编辑器如图： css 的语法结构如下： 对象名：{ 属性名1：属性1 属性值； 属性名2：属性2 属性值； … … } [注：属性区分大小写] 例如: 1 了解了简单的css 语法，下面就开始来了解css 编辑器的第一组对象。 1. 字体调用(@font-face) 此对象的语法有所不同，但属性只有两个，特此声明。如图： 想必大家对这个字体调用都了解得很多了，这里只强调几点:fontfamily 指字体的字形。一个theme 的字体只有三种，就算自己加了一个字体对象，但 在编辑prezi 的时候也不会出现第四个字体对象，如图： 所以这个不能更改，但字体名可以更改，即调用不同的字体，prezi 的字 体文件夹在： 2 （备注:以上两图截至jz 多媒体解决方案的教程，此处对jz 多媒体解决方案表 示感谢） Windows8/8.1 的字体文件夹地址与windows7 相同。 Prezi 的字体自4.6.2 以后便开始用keg 文件进行封装了。故用4.6.2 或以 前的版本可以调用swf 字体，即可用网上盛传的swf 中文字体。4.6.2 以后只 支持keg 字体了，官方支持两套比较完整的keg 中文字体是HDZB_10.keg 和 HDZB_35.keg。目前国内prezi 玩家“玄魂”已破解出keg 字体。要用可以网上 搜。这里可以通过更改字体名调用不同的字体，如将： @font-face { src: url(CrimsonText.keg); fontFamily: body; } 改为 @font-face { src: url(HDZB_10.keg); fontFamily: body; } 即调用了一个中文字体。 2. 故事板（即演示的整个面板）背景对象（background） Background 对象用于设置整个故事板的背景属性，有两个属性可设置 (gradEnd和gradStart)。gradEnd 表示故事板的底部颜色；gradStart 表 示故事板的顶部颜色。 gradEnd 和gradStart 的属性值格式是一样的，即：#xxxxxx ,这是 RGB (红绿蓝)的颜色调用。六个x 中每两个x 代表一种颜色的浓度，即xx 表示一个颜色的浓度。xx 的指从00 到FF (16 进制数。00 表示浓度为0；FF 表示浓度为满值，其不区分大小写，共256 个值。其中两个数相同时可以 只写为一个，但三个颜色的都得写为一个，所以还是建议两个值表示一个 颜色)例如： background { gradEnd: #0000; gradStart: #ff0000; } 表示