衡阳最好的网站建设公司
当前位置: 主页 > 网站设计 >

CSS网页制作小技巧段落首行缩进:text-indent:2em

时间:2013-07-07 08:25来源:未知 作者:admin

刚开始学习制作页面的新手,要想让一段文字首行缩进两个文字,总是在前面加上几个空格,因为新手对CSS不熟悉,这种方法实现虽然比较直接,但是文字多的时候会有很多空格充斥在代码中,代码显着比较乱,其实实现这种效果很简单,直接在CSS代码中加入: text-indent:2em; 就很能实现文本段落的缩进~

text-indent:2em;

text的意思是文本,indent在计算机英语中意思是缩进,至于后面的2em意思就是2个相对单位;

em又是什么单位? em这个单位的意思就是文字的高度,1em就是1个文字的高度,2em就是两个文字高度,所以我们写的“text-indent:2em;”的意思就是,文本缩进2个文字的高度,因为汉字是方块字,高度和宽度是一样的,所以缩进2个文字的高度,就等于缩进两个文字的宽度,最后的效果就是缩进了两个文字。

对于"text-indent:2em;"属性,只能加在块状元素上面,内联元素是不起作用的。
------分隔线----------------------------
推荐内容


© 2009-2013 www.ss0734.com All Rights Reserved.
版权所有:衡阳圣矢网络工作室 2009-2013
地址:衡阳市雁峰区雁城路