欢迎来到天天文库
浏览记录
ID:57687567
大小:29.50 KB
页数:2页
时间:2020-09-01
《dw设置段落缩进的五种方法.doc》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库。
1、设置段落缩进的五种方法段落缩进WORD设置[anerroroccurredwhileprocessingthisdirective]多媒体设计教程设计素材图库dreamweaver教程[anerroroccurredwhileprocessingthisdirective]多媒体设计教程设计素材图库 在使用了Dreamweaver一段时间后,大家都会发现一个问题,在Dreamweaver中不能像Word里那样在段落前使用空格制作缩进效果。 但为了达到我们想要的效果,可以使用一些其他方法,主要有五种。一、插入全角空格 在Dreamwe
2、aver里的段落前直接按空格键是没有效果的,因为它不支持半角空格,那么只要将它转换成全角就可以了。在输入状态下,按住Shift+空格键,输入法就会变成全角输入,然后在段前按两下空格,这样就能让段落缩进两个全角字符的宽度了,正好是两个汉字的大小。 这种方法的缺点是在代码编辑状态下看不到效果,只有在预览时才能看到,所以使用时要特别注意。二、插入特殊字符 插入全角空格的方法虽然简单,但其缺点也很要命,还有一种方法可以让插入的空格在编辑状态下也可见,就是插入特殊字符“”。 在代码编辑状态下,找到段落的开头,输入四个“”字符,然后在预览里看一
3、下,和全角空格的效果完全一样,在这里“”就相当于一个半角的空格,四个“”就等于在段首插入了两个中文字符的大小。三、插入透明图片 这种方法其实就是一种占位法,用不可见的透明图片占据段首的位置,看起来就像是有了缩进效果。 用做图工具制作一张1*1像素透明的gif文件,将它插入到页面段落的首字前,如果字体大小是12像素,那么就设定图片的宽度为24像素,这样段首前就好像有了两个字符的缩进效果。如果字体是14像素,就把图片宽度定为28像素即可。以此类推。四、插入与背景颜色相同字体 这种方法和插入透明图片原理相同,也是在段落前占位,但用到的是文
4、字。比如我们做的网页是白底黑字的,只要将段前的两个文字颜色设置为白色就可以了。在网页显示时,和背景颜色相同的文字是看不出来的,但在将文字全选时,它就会暴露出来,不过这种方法用来防止别人转帖你的文章比较见效。当他粗心的Ctrl+C、Ctrl+V转帖后,每段前面都会出现两个多余的文字。五、利用CSS设置缩进效果 前几种方法都是在段落开头加入一些东西,利用占位法设置缩进效果,而使用CSS设置缩进效果则更容易,也便于修改。 text-indenet属性就是缩进元素中的首行文本,它可以取正值或负值。比如我们想让所有的段落首行都缩进两个字符的宽度
5、就可以设置段落的CSS属性,举例:p{text-indent:2em;} 这里我设置的值为2em,em是一个相对单位,2em就是页面字体的两倍大小,当页面字体为12像素时,首行缩进就是24像素,当页面字体为14像素时,首行缩进就成了28像素。 到这里,五种方法都讲清楚了,究竟用哪种还要看自己的喜好和需求。
此文档下载收益归作者所有