Sigil手册——Sigil用户指南之​样式

KuaiKan 2024-1-16 451

样式

—使用样式表—

EPUB 编辑完全是关于样式的。Sigil 提供了非常易于使用且功能强大的工具,可帮助您使用样式表。

虽然样式可以直接插入到单个 HTML 文件中,但通常的方法是定义包含样式的外部样式表,然后将该文件链接到 HTML 文件。

创建样式表

要创建样式表,请转到主菜单栏并选择文件=>添加=>空白样式表,或右键单击“书籍浏览器”中的“样式”文件夹,然后选择添加空白样式表。创建后,键入要使用的样式定义。

   Using Book Browser Context menu to add a Blank Stylesheet.

还可以使用文件=>添加=>现有的文件添加现有样式表文件(如已创建的模板),或右键单击“样式”文件夹并选择添加现有文件

不要在样式表文件名中包含空格。

链接样式表

通过右键单击“图书浏览器”中的文件并选择链接样式表,将样式表链接到HTML文件。然后选择要链接或取消链接的样式表。

Book Browser Link Stylesheets dialog.

导航样式

在“代码视图”中工作时,有时需要查看标记的样式定义。要快速轻松地从HTML文件跳转到相关特定样式定义,请执行以下操作:

  • 按住Ctrl键,同时单击HTML标记。(在Mac上,按住Cmd键。
  • 将光标放在标记内,然后选择菜单项搜索=>跳转到链接或样式或使用其键盘快捷键。
  • 右键单击标签,然后从上下文菜单中选择跳转到链接或样式

您将立即被带到您所在的HTML标记所使用的样式的确切位置(如果存在的话)。

若要返回到您在HTML文件中的位置,请单击返回图标Back to Link icon.,或选择菜单项搜索=>返回或使用其键盘快捷键。

设置样式表的格式

要整理样式表并设置其格式,请在“代码视图”窗口中打开样式表,然后在窗口内单击鼠标右键并选择:

  • 重排CSS=>样式多行显示
  • 重排CSS=>样式单行显示

大多数样式表的格式都是将单个样式多行排列显示,使其易于阅读:

Image of editing Stylesheet in CodeView using multi-line format

但是,有些样式表的格式是,每种样式都列在一行中单行排列显示,没有空格,因此文件大小也较小:

Editing Stylesheet in Code View in single-line format.

删除未使用的样式

要自动删除样式表中任何未使用的选择器,请选择菜单项工具=>删除未使用的样式表选择器。Sigil将为您提供样式表中的样式列表,这些样式在HTML文件中没有任何引用。确认要删除标记的样式,或取消。

Delete Unused Style Selectors confirmation dialog.

虽然Sigil会进行多次检查以确保都是未使用的样式,但复杂的CSS声明可能会错误地列出已使用的选择器,因此应仔细检查样式。

若要在CSS样式表中查看样式,请双击该样式。

您还可以使用Sigil的报告工具查看“使用的类”和“CSS选择器”报告,该报告提供了有关所用样式的有用信息。若要查看这些报表,请转到菜单项工具=>报告。有关详细信息,请参阅报告一章。

签名:这个人很懒,什么也没有留下!
最新回复 (0)
返回