课程
/前端开发
/HTML/CSS
/初识HTML(5)+CSS(3)-升级版
p{text-indent:2em;}
2016-03-11
源自:初识HTML(5)+CSS(3)-升级版 10-9
正在回答
直接在CSS代码中加入: text-indent:2em; 就很容易实现文本段落的缩进~ text-indent:2em; 解释一下:text的意思是文本,indent在计算机英语中意思是缩进,至于后面的2em意思就是2个相对单位; em是什么单位? em这个单位的意思就是文字的高度,1em就是1个文字的高度,2em就是两个文字高度,所以我们写的“text-indent:2em;”的意思就是,文本缩进2个文字的高度,因为汉字是方块字,高度和宽度是一样的,所以缩进2个文字的高度,就等于缩进两个文字的宽度,最后的效果就是缩进了两个文字。
p{letter-spacing:2em;}
首行缩进两个字,
text的意思是文本,indent在计算机英语中意思是缩进,至于后面的2em意思就是2个相对单位;
em这个单位的意思就是文字的高度,1em就是1个文字的高度,2em就是两个文字高度,所以我们写的“text-indent:2em;”的意思就是,文本缩进2个文字的高度,因为汉字是方块字,高度和宽度是一样的,所以缩进2个文字的高度,就等于缩进两个文字的宽度,最后的效果就是缩进了两个文字。
慕妹3608846
慕粉3277636 回复 慕妹3608846
韶楠
举报
HTML(5)+CSS(3)基础教程8小时带领大家步步深入学习标签用法和意义
3 回答12345
2 回答12345
4 回答12345
1 回答如何设置首行缩进?
购课补贴联系客服咨询优惠详情
慕课网APP您的移动学习伙伴
扫描二维码关注慕课网微信公众号