Dreamweaver设置段落缩进的五种方法
在使用了Dreamweaver一段时间后,大家都会发现一个问题,在Dreamweaver中不能像Word里那样在段落前使用空格制作缩进效果。但为了达到我们想要的效果,可以使用一些其他方法,主要有五种。
一、插入全角空格
在Dreamweaver里的段落前直接按空格键是没有效果的,因为它不支持半角空格,那么只要将它转换成全角就可以了。在输入状态下,按住Shift+空格键,输入法就会变成全角输入,然后在段前按两下空格,这样就能让段落缩进两个全角字符的宽度了,正好是两个汉的大小。这种方法的缺点是在代码编辑状态下看不到效果,只有在预览时才能看到,所以使用时要特别注意。
二、插入特殊字符
插入全角空格的方法虽然简单,但其缺点也很要命,还有一种方法可以让插入的空格在编辑状态下也可见,就是插入特殊字符“ ”。在代码编辑状态下,找到段落的开头,输入四个“ ”字符,然后在预览里看一下,和全角空格的效果完全一样,在这里“ ”就相当于一个半角的空格,四个“ ”就等于在段首插入了两个中文字符的大小。
三、插入透明图片
这种方法其实就是一种占位法,用不可见的透明图片占据段首的位置,看起来就像是有了缩进效果。
用做图工具制作一张1*1像素透明的gif文件,将它插入到页面段落的首字前,如果字体小是12像素,那么就设定图片的宽度为24像素,这样段首前就好像有了两个字符的缩进效果,如果字体是14像素,就把图片宽度定为28像素即可。以此类推。
四、插入与背景颜色相同字体
这种方法和插入透明图片原理相同,也是在段落前占位,但用到的是文字。比如我们做的网页是白底黑字的,只要将段前的两个文字颜色设置为白色就可以了。在网页显示时,和背景颜色相同的文字是看不出来的,但在将文字全选时,它就会暴露出来,不过这种方法用来止别人转帖你的文章比较见效。当他粗心的Ctrl+V转帖后,每段前面都会出现两个多余的文字。
五、利用CSS设置缩进效果
前几种方法都是在段落开头加入一些东西,利用占位法设置缩进效果,而使用CSS设置缩进效果则更容易,也便于修改。
text-indenet属性就是缩进元素中的首行文本,它可以取正值或负值。比如我们想让所有的段落首行都缩进两个字符的宽度就可以设置段落的CSS属性,举例:
p{
text-indent:2em;
}
代码通常为
这里我设置的值为2em,em是一个相对单位,2em就是页面字体的两倍大小,当页面字体为12像素时,首行缩进就是24像素,当页面字体为14像素时,首行缩进就成了28像素。
到这里,五种方法都讲清楚了,究竟用哪种还要看自己的喜好和需求。
材料/工具:dreamweaver
1、打开软件,新建一个html文件,设计一个段落
。2、然后在浏览器预览,可以看到首行没有自动缩进。
3、然后我们在
标签里面添加(style=“text-indent:2em")4、再次预览可以看到首行已经自动换行了。
5、当然还有另外方法,我们可以在
标签外添加标签。6、然后再在标签里面定义段落p的样式。
7、最后在p样式里面就可以写入”text-indent:2em;"代码来实现首行缩进了。
你什么的首行缩进?是文本内容的话,选择你创建的文本设定段落格式即可。如果是网页整体的首行缩进,进首选项看看。
选中首行在属性面板中选择缩进按钮就行了