其他的如:边框半径(border-radius),补白(padding):0,不透明度(opacity),阴影(box-shadow),滤镜(filter),字体(font-family),字体大小(font-size),字体颜色(color),字体加粗(font-weight),文字对齐(text-align),文字阴影(text-shadow),字母间距(letter-space),行高度(line-height)等等,按照默认值,不需要调整。
在这里要提醒小伙伴,在上一章讲述了Hype内部设置样式的原理讲到,一个对象有默认行内样式:对象的位置(position),宽度(width),高度(height),边框宽度(border-width),边框样式(border-style),边框颜色(border-color)等等。
在设置对象内联或者外链样式的时候,尽量避免设置对象的边框样式,而且设置了也不会显示出来。当然,通过样式的优先等级是可以显示对象的边框的,这个是下一章的内容。
在场景中创建一个元素,然后到身份面板,给这个元素设置id名为text-box和class类名box1。
在鼠标右键菜单,使用“文本编辑”打开创建在桌面上的style.css文件。按照CSS语言编写规则,编写类名为box1的对象的样式。编写样式的时候专门写上了对象的边框样式,小伙伴可以验证一下这个对象边框能否别显示出来。
样式编写结束后,按“Command + S”保存文件。返回到Hype软件时,会有一个警告弹窗,意思是style.css已经在Hype外部修改了,问是保留Hype资源库中的版本还是以修改的版本来更新资源库中的版本。
毫无疑问当然选择“更新”。此时在场景中,可以马上看到样式已经作用到类名为box1的对象上了。
点击“预览”,对象的右键菜单选择“检查”。在console平台右边的style界面,可以看到在CSS样式文件中编辑的box1样式。但是,设置的边框样式并没有显现出来。
二、内联和外链样式的局限性
在大多数情况下,网页开发给出的建议是使用外链样式,也就是把样式写在CSS文件上。这样的好处是使HTML文档容易管理和阅读,不会使其凌乱,不利于后期对页面的管理。
但是,在Hype交互动效制作软件中却不一样,它是制作动画的,有关键帧,需要样式变化。如果还强调使用内联或者外链样式,那会给动画的制作带来非常大的麻烦,也失去了Hype软件的优势。
三、小结
在Hype软件中,对静态或者没有样式变化的元素可以使用内联或者外链样式。
一般而言,如果在Hype软件中已经设置了对象的样式,又在内联或者外链样式编写了同一对象的相同样式的不同值,那么内联或者外链样式是不会起作用的。
以上就是MacW小编为大家带来的“在 Hype 的外链样式中怎么编写对象的样式?”,本文关键词:“Hype教程,外链样式,编写对象样式”,链接:“https://www.macw.com/news/2457.html”,转载请保留。
Mac教程如何在Hype制作3秒后出现下一步的页面
Hype 4 Pro for Mac让您创建令人惊叹的动画和交互式web内容。那么如何利用Hype制作3秒后出现下一步的页面?
212022-03-10
Mac教程Hype如何设置字体样式?
好多朋友问Hype如何设置字体样式?今天就给大家带来Hype设置字体样式的具体教程,希望能帮到你!
192022-03-10
Mac教程Hype新手入门教程:Hype用户界面讲解(上)
Hype 4(Mac系统)是一款专业的HTML5制作软件,可实现优秀的视觉效果,并带来更流畅的动画播放效果。Hype 4对新手用户相当友好,即使大家从未接触过编码式的HTML5制作方法,也可以运用Hype 4的可视化操作功能构建HTML5的动画内容。
422022-05-13
Mac教程Hype新手入门教程:Hype用户界面讲解(下)
上一篇 Hype新手入门教程:Hype用户界面讲解(上)为大家详细介绍了Hype 4.0(Mac系统)的场景、播放控制、时间线以及元素面板,接下来,小编将继续介绍属性、渐入渐出以及检查器这三个面板功能。
132022-05-13
Mac教程Hype教程:Hype时间线功能的使用
Hype Mac系统的时间线,又被称作时间轴,是承载动画编辑的重要工具。Hype 4的时间线与场景密切相关,每个场景至少包含一条时间线,用以承载场景内的动画。当然,一个场景也可能会包含多条的时间线,用来承载不同的动画效果。接下来,本文将会详细讲解Hype 4中与时间线相关的功能。
112022-05-16
Mac教程Hype教程:Hype编辑图像教程
随着人们审美标准的提高,图像成为一个网页中必不可少的要素。接下来,小编就为大家演示一下如何使用Hype 4的图像导入功能,以及如何简单调整图像。
142022-05-16