基于Prezi的css编辑器的几点解.pdfVIP

关于 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 ） 此对象的语法有所不同，但属性值只有两个，特此声明。如图： 想必大家对这个字体调用都了解得很多了，这里只强调几点：fonfamily 指字体的字 形。一个theme 的字体只有3 种，就算自己加了一个字体对象在编辑prezi 的时候也不会 出现第四个字体对象，如图： 所以这个不能更改，但字体名可以更改，即调用不同的字体，prezi 的字体文件夹在： 2 （备注：以上两图截至jz 多媒体解决方案的教程，此处对jz 多媒体解决方案表示感谢） Windows 8 的字体地址与windows 7 相同 ； Prezi 的字体自4.6.0 以后便开始用keg 文件进行封装了，故用4.6.0 或以前的版本可以调 用swf 字体，亦即可以用网上盛传的集中swf 中文字体。而4.6.0 以后只支持keg 字体了， 但官方除了两个中文keg 文件，分别为HDZB_10.keg 和HDZB_35.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 个值。其中两个数 相同时可只写为一个，但三个颜色的都得写成一个，所以还是建议 2 个值表示一个颜色)例 如： background { gradEnd: #000000; gradStart: #ff0000;