1、每行都放在p标签里,再设置p标签的样式。
2、在每行文字前面加空格或是span标签,设置span标签padding-left:2em这个数值自己改改也行。
例如:
p标签已经引用了一个css样式名:
second
那么就在此css样式内添加一个属性即可:
text-indent:2em
首行缩进两行,2em 是两个文字越大,间隔越大。
扩展资料:关于CSS设置字间距、行间距、首行缩进
一、字间距
1、text-indent设置抬头距离css缩进
即对对应div设置css样式text-indent : 20px缩进了20px
2、letter-spacing来设置字与字间距_字符间距离,字体间距css样式
即对对应div设置css属性样式为letter-spacing:8px,字间距为8px
二、行间距
在CSS中,可以设置行间距,格式如下:
标签名{line-height:参数}
根据参数不同有3种方法:
1、用数字参数设置
行间距=字号×参数
2、用单位参数设置
行间距=参数
3、用比例参数设置
行间距=字号×参数
代码如下:
这里的缩进代码是:<style type="text/css">.text{text-indent:2em}</style>。从语法上来看,其实html首行缩进2字符,可以使用CSS属性中的【text-indent】进行设置,还是比较方便的。
HTML特点
可扩展性:超级文本标记语言的广泛应用带来了加强功能,增加 标识符等要求,超级文本标记语言采取子类元素的方式,为系统扩展带来保证。
简易性:超级文本标记语言 版本升级采用 超集方式,从而更加灵活方便。
通用性:另外, HTML是网络的通用语言,一种简单、通用的全置标记语言。它允许网页制作人建立文本与图片相结合的复杂页面,这些页面可以被网上任何其他人浏览到,无论使用的是什么类型的电脑或浏览器。
平台无关性:虽然 个人计算机大行其道,但使用 MAC等其他机器的大有人在,超级文本标记语言可以使用在广泛的平台上,这也是 万维网( WWW)盛行的另一个原因。
在HTML网页中通常一段文字都需要设置首行缩进两个文字,使页面更加美观,我们可以通过css实现这一效果,下面我们就来看一下使用css设置首行文字缩进的方法。css可以使用text-indent属性来设置首行文字缩进,我们可以通过设置text-indent属性的属性值来设置缩进的大小。
text-indent属性说明:
text-indent属性规定文本块中首行文本的缩进。
注释:允许使用负值。如果使用负值,那么首行会被缩进到左边。
属性值:
length 定义固定的缩进。默认值:0。
% 定义基于父元素宽度的百分比的缩进。
inherit 规定应该从父元素继承 text-indent 属性的值。
<html>
<head>
<style type="text/css">
p {text-indent: 2em}
</style>
</head>
<body>
<p>
这是段落中的一些文本。
这是段落中的一些文本。
这是段落中的一些文本。
这是段落中的一些文本。
这是段落中的一些文本。
这是段落中的一些文本。
这是段落中的一些文本。
这是段落中的一些文本。
这是段落中的一些文本。
这是段落中的一些文本。
这是段落中的一些文本。
</p>
</body>
</html>
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)