如何利用CSS进行文档排版
我们知道，在一篇文章中如果有多个段落，则每个段落的开始总是以缩进二个字符的方式进行排版，这种操作方法在word中操作非常简单。可是我们在网站中要把同样的文章进行，其操作方法就不同于word文档中操作了，虽然也不是很麻烦，但比较起来还是需要进行一些设置及操作才能实现在网页中的文档”首行缩进”。
首先，打开DW软件，在CSS规则定义的区块中的“文字”后的文本框中输入2，表示”首行缩进”是2个字符，再在后面的文本框的下拉列表中选择“ems”，表示是个字符。CSS规则定义设置如下图所示：
进行如上的操作是要求是凡是引用这个CSS的文档都会自动把文档的每个段落的开始缩进两个字符，就像WORD一样实现首行缩进。
在CSS中设置完成后点击“应用”、“确定”完成设置。切换到代码视图中可以看到的代码如下：
<style type="text/css">
p {text-indent: 1cm}
</style>
|
进行了如上的操作后，如果把文档内容复制到DW中发现要实现”首行缩进”的操作，必须达到二点：
- 直接在DW设计视图中输入文本内容，在有段落处用回车的方式进行。 从左边的截图中可以看出，在DW软件中直接输入文本后，在有段落处用回车的方式进行，DW软件会自动在分段处以<p>开头，在文本后仍以</p>结尾。
- 如果事先在word中编辑文本然后再复制到DW中，为了实现在DW软件中使用CSS设置”首行缩进”的操作需要注意的问题是：必须首先在WORD文档中把鼠标定位到每个要分段的位置结尾处，以回车的方式按下键盘，使其有段落空格如图：
从上面的截图中可以看出，“只执行某一步”后到“如果只想执行动作中的某一步”中间为分段处，所以必须在“只执行某一步”的后面定位鼠标，回车。空出一行后再出现下行的文本内容，这个操作可以在word中输入文本时直接回车空行操作也不麻烦。
- 把文本复制到DW的设计视图中，选中文本，在下面的属性面板中的“类”的下拉列表中选择所需的css，”首行缩进”的操作就可以实现。
|
