整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线:

InDesign 教程,如何编辑段落样式?

InDesign 教程,如何编辑段落样式?

迎观看indesign教程,小编带大家学习 InDesign 的基本工具和使用技巧,了解如何编辑段落样式。

使用此简历文件,编辑一个段落样式,并查看如何在此文档中应用该样式的任何文本。在左侧的「工具」面板中选择「文字工具」,并将光标插入此程序管理器文本中。

放大它以便更容易看到,使用快捷键 Command+。

在文本中插入光标时,查看右侧的「属性」面板,可以看到哪些样式适用于整个段落。在这种情况下,将应用标题样式。

如果单击「段落样式」菜单,可以看到创建了多个段落样式,包括日期、正文和标题。

你也可以从这里打开段落样式面板,在这里有更多的编辑和创建段落样式的选项,我们将在本文后面做。

现在,要编辑段落样式中保存的格式,可以更改已应用样式的文本的格式。然后更改应用的样式定义以匹配选定文本中的新样式。这称为重新定义样式。

选择此文本以便更改格式,按住并拖动,在「属性」面板中将字体大小更改为9点。

在样式名称右侧的「段落样式」菜单中,会看到一个重新定义的样式图标,其外观如下所示。

单击「重新定义样式」图标更改标题样式的格式,以与选定文本中的新格式相匹配。刚刚根据文本重新定义了段落样式。注意,应用样式的所有文本都已更改。

现在,单击一些日期文本,然后单击正文文本,查看在「属性」面板中应用的样式。如果要编辑样式(可能是尚未应用于文本的样式),可以在「段落样式」面板中进行编辑。

选择「段落样式」菜单。

这将打开「段落样式」面板。

也可以通过在菜单中选择「文字」-「段落样式」来打开此面板。

现在将编辑段落样式,但为了避免在编辑时意外地将样式应用于选定文本,选择「编辑」,然后选择「全部取消选择」。

转到「段落样式」面板,双击样式名称以编辑样式。它不会应用于任何内容,因为未选择任何文本。

将看到「段落样式选项」对话框。

这里是所有可以用段落样式保存的文本格式。可以在此处更改格式,应用此样式的任何文本都将更新。

可以单击「取消」关闭对话框而不进行更改。

段落样式是保存和更新文本格式的一种简单而有效的方法,有很多方法可以创建和编辑它们。当您开始在自己的项目中使用文本时,尝试创建和编辑样式,以便更智能地工作。

以上就是在 InDesign 中编辑段落样式的方法。

indesign下载地址:https://www.macz.com/mac/7645.html?id=NzY4OTYwJl8mMjcuMTg2LjE1LjIxNw%3D%3D

HTML 编辑器推荐

可以使用专业的 HTML 编辑器来编辑 HTML,菜鸟教程为大家推荐几款常用的编辑器:

  • Notepad++:https://notepad-plus-plus.org/

  • Sublime Text:http://www.sublimetext.com/

  • HBuilder:http://www.dcloud.io/

你可以从以上软件的官网中下载对应的软件,按步骤安装即可。

接下来我们将为大家演示如何使用Notepad++工具来创建 HTML 文件,其他两个工具操作步骤类似。

Notepad++

Notepad++是 Windows操作系统下的一套文本编辑器(软件版权许可证: GPL),有完整的中文化接口及支持多国语言编写的功能(UTF8技术)。

步骤 1: 新建 HTML 文件

在 Notepad++ 安装完成后,选择" 文件(F)->新建(N) ",在新建的文件中输入以下代码:

<!DOCTYPEhtml><html><head><metacharset="utf-8"><title>菜鸟教程(runoob.com)</title></head><body><h1>我的第一个标题</h1><p>我的第一个段落。</p></body></html>

步骤 2: 另存为 HTML 文件

然后选择" 文件(F)->另存为(A) ",文件名为 runoob.html:

当您保存 HTML 文件时,既可以使用 .htm 也可以使用 .html 扩展名。两者没有区别,完全根据您的喜好。

在一个容易记忆的文件夹中保存这个文件,比如 runoob

步骤 3: 在浏览器中运行这个 HTML 文件

启动您的浏览器,然后选择"文件"菜单的"打开文件"命令,或者直接在文件夹中双击您的 HTML 文件,

运行显示结果类似如下:

Notepad++ 和 Sublime Text 还可以配合 Emmet 插件来提高编码速度。

Emmet 官网:http://emmet.io/

如您还有不明白的可以在下面与我留言或是与我探讨QQ群308855039,我们一起飞!

天继续推荐提高我们摸鱼时间的几个神器,相信我,你会爱上他们的。

1. Neumorphism

地址:https://neumorphism.io/

这个网站为 sectiondiv 生成对应UI,它也可以自定义border-radius, box-shadow 等。

2. Shadows Brumm

地址:https://shadows.brumm.af/

它可以为我们生成多个分层阴影,一种非常酷的效果,也可以从曲线中自定义颜色。

3. CSS Clip-path Maker

地址:https://bennettfeely.com/clippy/

这个算是我用的最多的,早期录的CSS视频,很多复杂点的效果都是用这个工具帮我生成,前列推荐。


4. Fancy Border Shape Generator

地址:https://9elements.github.io/fancy-border-radius/#30.36.29.30--.

它通过操作 border-radius 生成很 awesome 形状,我们可以在项目中尽情的使用的,通过微调来达到我们想要的形状。

5. Cubic Curve

地址:https://cubic-bezier.com/

为 CSS 动画生成cubic-bezier

6. CSS Gradient

地址:https://cssgradient.io/

如果你的项目经常需要使用渐变,那么,你会爱上这个网站。我用了很长时间,它非常完美。在这里你也可以使用一些工具,比如渐变按钮等等。

7. CSS Waves Generator

下面这三个波浪生成器可以生成任何类型的波浪,还在为画破浪而苦恼的小伙伴可以用起来了。

CSS Waves

地址:https://getwaves.io/

它能生成简单的波浪,并有一些自定义功能。

Gradient Multiple Waves

地址:https://www.softr.io/tools/svg-wave-generator

它可以产生多个渐变波,非常棒。

Multiple Animated Waves

地址:https://svgwave.in/

它可以生成多个渐变波浪,但主要特点是它还可以为此生成实时动画。

8. CSS Grid Generator

CSS grid

地址:https://cssgrid-generator.netlify.app/

它为网格生成了很棒的css,你可以用div来定制它,它还会为它创建子元素。

CSS Grid Area

它可以生成网格区域。我们可以根据具体需要来命名和定制区域。

9. Loading Animated GIFs/SVGs

地址:https://loading.io/

这个网站可以生成多个加载动画,并以SVG、GIF、PNG和其他格式下载,但它的最大特点是你可以将这些动画定制到新的水平。

10. Free Icon Library

Flaticons

地址:https://www.flaticon.com/

这个库有5.7M+矢量图标。可以在这里找到任何可能的图标,你可以使用它。

icons8

地址:https://icons8.com/

这个库也有大量的图标,你可以定制它们,也可以直接使用图标,而无需下载它。

总结

希望你从这篇文章中学到了一些东西,如果有的话,请来波赞被。

~~完,我是刷碗,励志等退休后,要回家摆地摊的人,我们下期见!


作者:Jatin Sharma 译者:前端小智 来源:dev 原文:https://dev.to/j471n/10-css-resources-that-you-should-bookmark-46l6