根据中国人的书写习惯,一般开头都是要缩进两格的,既美观又大方;而一般的用html语言的多个 来实现空格往往会发生错位,并且随着字体大小的改变还会变化,很不方便。

要使段落前面精确空出两个字的距离,就应该使用首行缩进text-indent属性;text-indent可以使得容器内首行缩进一定单位,比如中文段落一般每段前空两个汉字。在这里我们需要了解一种长度单位em,em是相对长度单位,你设置的字体大小有多大(px),1em就是多大,所以一直能保持空两格的状态。


操作:
打开z-blog模板的css,模板文件夹里的唯一个css文件;
找到p标签

p.posttop {margin:10px 0 0 0;padding:3px 0 2px 0;}

在“{}”里加入

text-indent: 2em;line-height:130%;

即可
其中的“2em”是缩进属性值;“130%”是行距离属性值。



拓展:请看CSS代码

p{text-indent:2em; padding:0px; margin:0px;}

这段代码可以控制整个页面的段落缩进,也可以单独控制某个盒子(div)内的段落缩进。

例如写成:

#blogtext p{text-indent:2em; padding:0px; margin:0px;}

那么只对

<div id=blogtext>文章内容</div>

中的段落首行缩进。

上面代码中padding:0px; margin:0px;是可有可无的,作用是定义段落内边框和外边框厚度为0。正常情况下两段落之间会有一个空白的行。代码加入padding:0px; margin:0px;之后两段之间就不会有空行了。

原创博文,转载请注明出处:卓越替身http://www.chaself.com/
文章地址:http://www.chaself.com/post/zblog-indentation-2-characters.html

标签:

发布:替身 | 分类:电脑网络 | 评论:4 | 引用:0 | 浏览: | TrackBack引用地址