中文网页和排版

Part:   1  2  3  4  5 

(Continued from previous part...)

</td></tr>
<tr><td class="page_line" colspan="3"><img height="1" width...
<tr><td align="left"><font size="-1">杨和荣，修改于2002年12...
<td align="center"><font size="-1"></font></td>
<td align="right"><font size="-1">
[ <a href="../">主页</a> | <a href="help.html">求助</a> |...
</font></td></tr>
<tr><td aligh="left" colspan="3"><font size="-1"><b>
和荣笔记 - XSL-FO 与 XHTML - XSL-FO 简介</b></font></td>...
</table>

</td></tr>
</table>

</td>
<td width="1" rowSpan="1"><img height="100%" width="1" ...
<tr><td colSpan="3" height="1"><img height="1" ...
</table>

</td>

<td class="frame_right"></td></tr>

<tr><td class="frame_bottom" colspan="3">
...
</td></tr>

</table>
</body></html>

请注意:

• “meta”指令用来寄存了好几个参数，以便后面排版使用。
• “class”给 CSS 和 XSL 提供了实别标记。
• “id='*.xhtml'”表明了章节的开始。
• 目录文件必须使用 toc.xhtml 作为文件命。
• XML encoding="gb2312" 不可确少。
• HTML charset="gb2312" 也不可确少。

CSS 文件

我的 CSS 文件 (book.css) 非常简单，文中的英文字体并不影响中文的显示。

A {
	LINK-COLOR: green;
	VISITED-COLOR: mediumblue;
	ACTIVE-COLOR: red;
	HOVER-COLOR: black
}

BODY {
	BACKGROUND-COLOR: #707070;
	FONT-FAMILY: 'times new roman';
	MARGIN-TOP: 0pt;
	MARGIN-BOTTOM: 0pt;
	MARGIN-LEFT: 0pt;
	MARGIN-RIGHT: 0pt
}

P {
	margin-left: 0pt;
	margin-right: 0pt;
	FONT-FAMILY: 'times new roman'
}

P.book_title {
	FONT-FAMILY: 'times new roman';
	font-weight: bold;
	font-size: 22pt; 
	COLOR: black
}

P.chapter_title {
	FONT-FAMILY: 'times new roman';
	font-weight: bold;
	font-size: 18pt; 
	COLOR: black
}

P.section_title {
	FONT-FAMILY: 'times new roman';
	font-weight: bold;
	font-size: 14pt; 
	COLOR: black
}

PRE.block_bold {
	FONT-FAMILY: 'new courier';
	font-weight: bold;
	BACKGROUND-COLOR: #d0d0d0;
	MARGIN-TOP: 4px;
	MARGIN-LEFT: 0px;
	MARGIN-RIGHT: 0px;
	MARGIN-BOTTOM: 4px;
	BORDER: 10px;
	COLOR: black;
	PADDING: 5px;
	WIDTH: 600px
}

PRE.block_source {
	FONT-FAMILY: 'new courier';
	BACKGROUND-COLOR: #d0d0d0;
	MARGIN-TOP: 4px;
	MARGIN-LEFT: 0px;
	MARGIN-RIGHT: 0px;
	MARGIN-BOTTOM: 4px;
	BORDER: 10px;
	COLOR: black;
	PADDING: 5px;
	WIDTH: 600px
}

(Continued on next part...)

Part:   1  2  3  4  5 

This site Web