您当前的位置:首页 > 计算机 > 软件应用 > 行业软件

基础教程:Hype 4排印面板之文本段落

时间:02-01来源:作者:点击数:

截止到上一章节讲述完web字体后,Hype 4交互动效制作软件的字体基本属性——字体、大小、颜色和样式就讲完了。本章节开始讲述Hype 4 HTML5创作工具中与文本段落排版相关的样式。

在讲述排印面板的段落对齐前,要补充一个重要的知识点——网上文本内容的拷贝与粘贴,这个知识点很容易被忽略,但又会给新手带来很大的困扰。

一、网上文本内容的拷贝与粘贴

在前面的学习中,小伙伴应该知道,只有对文字添加了字体、颜色、大小和样式等样式,在浏览器才能够显示出来,否则就是一排黑色的文字,没有美观而言。

当小伙伴把网上的某段文字拷贝下来,除了把文字拷贝外,也会把该段文字的样式代码也拷贝了下来。如果把拷贝的文字直接粘贴到文本框内,那么这段文字在文本框显示的效果与在网页上看到的效果是一样的。打开编辑界面,可以看到这段文字有很多样式代码。

直接粘贴网上拷贝的文字内容
图1:直接粘贴网上拷贝的文字内容

如何才能只保留拷贝的文字,而不要文字自带的样式呢?当小伙伴在网上拷贝了一段文字后,不要直接拷贝到文本框内,而是双击文本框,打开编辑界面,在编辑界面粘贴拷贝的文字内容,这样就只会得到拷贝的文字,不会再有那些样式代码了。

把拷贝的文字内容粘贴到编辑界面
图2:把拷贝的文字内容粘贴到编辑界面

二、段落对齐

段落对齐有四种模式:左对齐、居中对齐、右对齐和块对齐,软件默认的对齐模式是左对齐。由于内容和操作都比较简单,小编在这里就不一一讲解了。其用法,小伙伴可以参考图3的演示。

段落对齐
图3:段落对齐

三、文本阴影

文本阴影(text-shadow)是给文本元素里的文字设置阴影,比元素阴影(box-shadow)简单,只有一种类型。设置方法与元素阴影一样,通过X、Y调整阴影的偏移值,选择阴影颜色及不透明度并调整阴影的模糊度。

给文字设置阴影
图4:给文字设置阴影

四、小结

本章节的内容相对比较简单,对小伙伴来说应该没有什么难度。下一章节将讲解文本间距,其中文本间距中的行高度,是小编重点讲述的内容。

方便获取更多学习、工作、生活信息请关注本站微信公众号城东书院 微信服务号城东书院 微信订阅号
推荐内容
相关内容
栏目更新
栏目热门