html里<p>标签里面如何让每一行首行缩进两格???

html里<p>标签里面如何让每一行首行缩进两格???,第1张

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>


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/zaji/8294941.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-04-15
下一篇 2023-04-15

发表评论

登录后才能评论

评论列表(0条)

保存