CSS 空格缩进总结

1、 

 

 注意:

1、这组空格字符一定输入到HTML代码里,才能实现空格效果。如果有多个空格我们就复制粘贴输入多次“ ”即可。  代表空格的转意字符;

2、在html网页中单个空格我们直接键入空格键即可实现空格排版,如果要实现多个空格排版,我们就需要 空格字符来实现

 

2、首行缩进 :text-indent

<html>
<head>
<style type="text/css">
p {text-indent: 1cm}  // 将段落的第一行缩进 50 像素
</style>
</head>
<body>
<p>
这是段落中的一些文本。
这是段落中的一些文本。
这是段落中的一些文本。
</p>
</body>
</html>

 

 

 3、字间距:letter-spacing

<html>
<head>
<style type="text/css">
p.serif{letter-spacing: 16px}
</style>
</head>

<body>
<p class="serif">月 日 年</p>

</body>
</html>

  

 

posted @ 2020-08-06 16:21  鸣人卷~~  阅读(446)  评论(0编辑  收藏  举报