首先双击打开DW软件,新建html文件,设计写出一个段落<p></p>。
2.
然后在浏览器预览一下,可以看到首行没有任何变化,也没有缩进。
3.
接着,在<p></p>标签里面添加(style=“text-indent:2em"),要在英文状态下输入。
4.
最后预览一下,可以看到设置首行缩进成功。
用tab键可实现首行缩进
段落前面空两个字的距离,不要再使用空格了,用CSS实现段落首缩进两个字符。应该使用首行缩进text-indent。text-indent可以使得容器内首行缩进一定单位。比如中文段落一般每段前空两个汉字。
在这里我们需要了解一种长度单位em。em是相对长度单位。相对于当前对象内文本的字体尺寸。我们中文段落一般每段前空两个汉字。实际上,就是首行缩进了2em。
<style type=”text/css”>
<!–
p{
text-indent: 2em; /*em是相对单位,2em即现在一个字大小的两倍*/
}
–>
</style>
<p>段落前面空两个字的距离,不要再使用空格了。应该使用首行缩进text-indent。长度单位em。相对于当前对象内文本的字体尺寸。我们首行缩进了2em。2em即现在一个字大小的两倍。</p>
—————————————————————————————————————–
用CSS实现段落首缩进两个字符,实现首行缩进的通用方法是加四个小角空格。
其实呢,用CSS样式来定义更为高效。
比如在style里定义如下缩进样式:.suojin{text-indent:2em}
在需要缩进的地方使用即可,比如用一个div定义一整块段落首先缩进,
凡在div区域里,浏览器一碰上p语句(即一个新段的开始),就会执行.suojin所定义的缩进。
也可以在正文中使用嵌入式CSS样式来定义,下面举个实例(使用时请将尖括号改为小角尖括号):
<div >
<p>段落一</p>
<p>段落二</p>
<p>段落三<p>
</div>
两种方法各有长处短处,可根据需要决定使用哪一种方法。
注:div标签不要忘记起始符。text-indent只对p或div标签有效,对br标签不生效,原因是br标签是换行标签不是分段标签。
一是每行都放在p标签里,再设置p标签的样式。
二是在每行文字前面加空格或是span标签,设置span标签padding-left:2em;这个数值自己改改也行。
<style type="text/css">
p {
text-indent: 2em;
/*em是相对单位,相对于当前对象内文本的字体尺寸,2em即现在一个字大小的两倍
允许使用负值。如果使用负值,那么首行会被缩进到左边。*/
}
</style>
首行缩进用css中的text-indent就可以,字符单位为em,例如 <styletype=”text/css”> p{ text-indent:2em;/*em是相对单位,2em即现在一个字大小的两倍*/ } </style>
在CSS样式表中设置文本首行缩进的样式规则。代码如下:
div{ text-indent:2em; font-size:24px; width:400px; }
方法/步骤
1,首先我们先要了解标签text-indent,这个标签就是用来首行缩进的,它的单位是长度单位或百分比
2,然后我们先介绍第一种参数,也就是利用长度单位em来设置的,em是一个相对大小,具体可以查询一下;我这里分别缩进2,3,4,em
3,接下来我就介绍一下百分比设置,百分比是相对于你的网页大小来的比例。
4,我们也可以通过插入空格关键词 ,实现首行缩进。
例如,拿你说的话举例: <p class="demo">CSS中,我想设置, 全文:首行缩进2字符,段落左右各缩进2字符,应该怎样写?代码应该放在哪里?</p> 把它们放置在P标签中,然后在CSS中加入 .demo{text-indent:2em;
}这可以实现你要的首行缩进2字符。 剩下的就是你说的段落左右各缩进2字符,那推荐你用的就是margin或者是padding来实现。 .demo{text-indent:2em;padding:0 2em;
}这样就可以实现左右的“缩进” 不讲太多了,按照上面就可以实现了。
1.
打开示例文档; 点击【文件】选项卡。
2.
点击【选项】。
3.
点击【高级】。
4.
●找到“显示”选项栏; ●勾选【为HTML功能显示像素】。