《ePub的排版和样式》由会员分享，可在线阅读，更多相关《ePub的排版和样式（17页珍藏版）》请在金锄头文库上搜索。
1、ePub的排版与样式作者：w前言在阅读本文前，先要对eub格式电子书要有一个明确的认识：“ePub是一种电子书的载体，而不是一种麻烦的文本保存格式！”如果无法认同我这句话，或者认为txt文本也可以算作电子书的话，请不要继续阅读本文.好了,言归正传。本文将对制作ePub时的排版、样式等做一个简要的阐述。其中大部分仅仅是我个人制作eub的经验,涉及到的专业知识可能与“正确”有所出入。在阅读本教程时,建议打开你的epbBldr，然后新建一个章节,边看边实践.相信只要读完本贴后，你就能大致掌握如何使用epubuiler制作更多、更漂亮的排版样式.那么，现在就开始,来领略“游戏文字”的魅力吧！第一章 基
2、础知识ePub格式电子书是在tm与cs等等的规范上确立的一种eBoo规范。它的本质，其实就是将文本、图片、样式等等所有eb规范中允许使用的素材制作成我们平时看到的“网页,并且通过结构文件来使得阅读器能够分章索引.如果你已经熟知hml语言以及css，请跳过本节内容。关于ub文件结构的基础教程,可以看这里：既然Pub是建立在html基础上的，那么理论上，只要网页能够做到的效果,Pub也能够做到.所以，在使用pbuiler制作排版样式前，我们需要先对简单了解一下tm与css的知识.我们在使用epubBiler制作时，应该会看到过类似这样的代码：p tyle=textign：cete这是一段文本/p这
3、种代码，是用来描述一段文字在阅读器中需要被显示的样式.这就是标签文本.而在Pub中,所有的一切都是通过标签文本来实现的.我们先来认识一下标签文本。被一对标签所包括的内容称为元素这段代码就是一个，其中:p被称为开始标签，代表一个段落的开始。stle=textalign：cnter被称为属性，声明了一个标签所具有的值。/p被称为关闭标签,代表一个段落的结束.必须被关闭。“这是一段文本是元素的内容。被一对标签包括的内容都称为元素。第二章 标签文本详解在ml中,标签是被尖括号()所包括的；而在eubBuilde中，标签则是用方括号（)所包括。epuuldr会自动为所有的段落添加 p 与 用来标明段落,
4、所以一般情况下不用你自行添加标签。为标签添加属性的做法叫做声明或者说明.标签文本必须使用小写字母与符号。关于标签标签有很多种类,在epubBlder中经常能看到的有:d代表一块内容p代表一个段落san用于段落中3 代表标题 代表链接im代表图片关于属性的结构：styl=”taign：center在以上属性中:sle是属性的类型;tex-aign：center是属性的名称与赋值.属性写在开始标签中，并且与标签相隔一个空格；名称与赋值必须被引号包括。多个赋值之间使用英文分号(；）隔开。例如：p style=”txt-ent： 0em;texalgn：cnte关于元素：p syle=”xaign：c
5、enter这是一段文本p元素的显示方式由元素可以是文本、图片,甚至是另一个元素。例如:p style=et-align:center这是一段spa文本/n/p上述范例中，一个元素中包括了一个中加入一个p元素。常用标签包含顺序: hmlbdydvpspa另外,还有一些元素没有实际内容，这类元素被称为空元素.空元素不需要关闭标签,直接在开始标签中加/ 即可关闭。经常用到的空元素有:r /代表一个空行.hr 代表一条横线.关于关闭标签：在关闭标签中:/声明了这是一个关闭标签;P则是声明了你要关闭哪一个标签。如果涉及元素包括，关闭标签必须按照顺序关闭：例如开始标签是 pspan那么必须先关闭 pan，
6、然后再关闭 p 。ipspan元素/san/p/di所有标签必须被关闭，这是铁则，请不要忘记。第三章 常用属性介绍到此为止，你应该对有一个初步的印象。如果还是觉得不清楚，请回到上一层。在使用epbBuider制作书籍时，epubuile会自动将所有的段落首行缩进2字符，行距为正常情况下的130。这个默认设置可以满足大部分的需要,但是需要特定的排版式样时，就需要我们自己为元素添加声明了。本节内容主要对一些常用的属性进行解释，实际操作时可以按照需要自行组合。单位既然是赋值，那么必定会有计量单位。以下是一些常用的计量单位。这就不用我解释了吧。相对于默认值的百分比。px像素，x就是1个像素的高度或者宽
7、度。m字符,m相当于个字符的高度或者宽度.这是一个相对值。比如你设置了默认字符大小为16px,那么1em16x；如果默认字符大小是20p，那么=20x.常用属性简介textindenextindent 用来控制段首缩进。epbBuil默认textident。如果需要其他值,在属性中添加ext-nden并设置数值.范例： syle”textindent： 0e”这段文本没有段首缩进。/textalignex-agn 用来控制段落的水平对齐方式。默认值为。fntszes 也可使用larg、edm、sm等描述来赋值.由于这种方式不够直观，不建议初学者使用。范例:p style=”fontsie：2p
8、x这段文字的大小是25个像素。/ppstle”fot-siz:1.3em这段文字的大小是默认的1.3倍。/colorcol 用来控制文字的颜色。这个功能已经被集成在了epubBulde中，所以不做解释了。fontwightt-weiht 用来控制文字的粗细，默认值是。与 fonweght属性一样,虽然 fontstyl 可以用 标签代替，但是在标签文本中不建议这么做。取值:ital 斜体范例：p sylntyle:ital这段文本会显示为斜体字。/pineheigtlinehegt 属性用来控制行距.最小值是0，不可以是负数.当ineheight=0 时,段落将不产生换行行为。超出浏览器的文字
9、将直接显示到浏览器外,而不是换一行继续显示。注意：这个属性控制的是行与行之间的距离，而不是段落之间的距离.范例：p tyle=”lneeht：1em”这段文本的行距是1个字符的高度/p现在,打开你的epbBuildr,新建一个章节。试试看使用标签文本对文字进行样式设定。只要成功几次后,相信你一定会学会如何使用标签文本。第四章高级属性的应用在本节内容中,将对以下5个属性的基本应用做一个简单的介绍：widhheightmargin pddnglot在学习这些属性之前，我们先要有一个概念，即：“每一个元素都是一个框！”请把所有的元素都想象成一个框型结构。一个元素包括另一个元素的行为，就是一个大框中套
10、着一个小框！我们来看一个例子:dvp这是一个段落。/pp这是一个段落。spa这是一段文本。/spn/div请将上述标签文本，想象成下图所示的样子：如果觉得这一点都不困难，那我们就继续下一步。属性简介wth顾名思义，控制元素的宽度。也就是框的宽度。height控制元素的高度。也就是框的高度。magin控制元素的外边距。也就是框与其他框之间的距离.默认值为。pading控制元素的内边距.也就是框与元素中所包含内容的距离。默认值为0。关于取值width与eight使用数值，最小是0.main与padin使用数值，但是赋值方法比较特殊,有多种赋值方式。这里我只讲三种。以margi属性为例：marin：
11、1px方法一:在mrgin属性中对所有的外边距赋予同一个值。argin:1px 1px 1px 1p方法二：在mrgi属性中同时对四个边距分别进行声明。 顺序是“上、右、下、左”。mai-top:1px；marg-iht:1px;arginotm：1px；margin-left：1px;方法三：使用独立的argin属性,分别声明对应方向的外边距。上述三种赋值方式，效果是一样的！如何使用，则要看具体需求。比如我只需要为元素右侧增加外边距时,可以使用如下代码：p syleargiight：150这段文字的右侧外边距是默认的150。/p现在,打开你的epubBuilr尝试一下.新建一个章节,为段落声明不同的上外边距与.然后看看会有什么有趣的事发生吧!好了,如果你已经对上面几个属性有了一定的认识，我们就开始下一个属性：oat浮动的介绍。如果仔细观察就会发现，元素与元素之间默认的排列规则总是从上往下的。文本按照段落依次由上往下排列；第6行文本后插入的图片无法跑到第5行；如果要打破这个规则，使元素按照我们需要的方式排列呢？这时候就需要fot属性,使元素从固定的位置浮动起来。浮动是一项很复杂的属性,这里只讲一些基本应用.如果需要深入了解该属性,请查阅cs相关专业教程.floa控制元素的浮动,取值是lf与right。范例： syeflot：rigt这段文字会向右浮动。/在制作ePub的过程中，
