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)盛行的另一个原因。

1、打开Notepad++,新建一个文件

2、输入图中内容:

3、保存为:css.html,当然你也可以使用其它的名字,但扩展名需要使用.htm或.html

4、选择文件的保存位置,点击保存按钮

5、然后添加一个标签,输入一段用来测试的文字。

6、使用浏览器打开查看显示样式,现在还没有缩进。

7、接下来添加样式,这里我们使用内联样式,给P标签添加样式: style="text-indent:2em"

8、再刷新刚刚打开的网页看效果,是不是缩进了两个字符啊!

这里我们是使用em这个单位来缩进了两个字符,你也可以使用px作为单位来缩进指定的像素。


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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存