html段落⾸⾏缩进
段落前⾯空两个字的距离,不要再使⽤空格了,⽤CSS实现段落⾸缩进两个字符。应该使⽤。可以使得容器内⼀定单位。⽐如中⽂段落⼀般每段前空两个汉字。
在这⾥我们需要了解⼀种长度单位em。em是相对长度单位。相对于当前对象内⽂本的字体尺⼨。我们中⽂段落⼀般每段前空两个汉字。实际上,就是了2em。
html实现用户注册登录代码<style type="text/css">
<!--
p{
: 2em; /*em是相对单位,2em即现在⼀个字⼤⼩的两倍*/
}
-->
</style>
<p>段落前⾯空两个字的距离,不要再使⽤空格了。应该使⽤⾸⾏缩进text-indent。长度单位em。相对于当前对象内⽂本的字体尺⼨。我们⾸⾏缩进了2em。2em即现在⼀个字⼤⼩的两倍。</p>
-----------------------------------------------------------------------------------------------------------------
⽤CSS实现段落⾸缩进两个字符,实现⾸⾏缩进的通⽤⽅法是加四个⼩⾓空格。
其实呢,⽤CSS样式来定义更为⾼效。
⽐如在style⾥定义如下缩进样式:.suojin{text-indent:2em}
在需要缩进的地⽅使⽤class="suojin"即可,⽐如⽤⼀个div定义⼀整块段落⾸先缩进,
凡在div区域⾥,浏览器⼀碰上p语句(即⼀个新段的开始),就会执⾏.suojin所定义的缩进。
也可以在正⽂中使⽤嵌⼊式CSS样式来定义,下⾯举个实例(使⽤时请将尖括号改为⼩⾓尖括号):
<div >
<p>段落⼀</p>
<p>段落⼆</p>
<p>段落三<p>
</div>
两种⽅法各有长处短处,可根据需要决定使⽤哪⼀种⽅法。
注:div标签不要忘记起始符。text-indent只对p或div标签有效,对不⽣效,原因是是换⾏标签不是分段标签。
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论