层叠样式表是一段样式代码,它被添加到HTML标签中,以增强HTML内容的工作和外观。在CSS的许多效果中,对内容进行造型的基本属性之一是对文本应用样式表,包括文本颜色、族、大小和位置。本文将对CSS的一个文本属性进行解释。这是一个缩进属性。缩进是指文本从某一点到某一特定位置的位移。
文本缩进属性
在浏览一些教育类网站时,你一定见过这样的段落或文本框,它们从一整段距离的第一行开始,使其更加突出和吸引人。这是通过使文本的第一行缩进来实现的。不仅是第一行,我们还可以在保持第一行不变的情况下缩进第二行。这个文本属性可以用像素或百分比来表示。文本缩进的语法是:
Text-indent: value
这个属性可以应用于任何HTML内容。然而,现在我们将在文本上应用这一属性。HTML和CSS都是用于网页前端开发和设计的骨干语言。HTML包含两个基本部分:标题和正文部分。这两个部分都用标签来描述。
<html>
<head> </head>
<body> …. </body>
</html>
所有的HTML内容都在body部分描述。head部分包含网页的标题和CSS(如果是内部CSS)。本文中使用的基本HTML标签将在实施时解释。谈到CSS声明,我们在三种CSS类型中使用了内部CSS。CSS属性被声明在style标签内,style标签被声明在head标签内。
有几种方法来缩进HTML段落的第二行。下面将解释一些简单的方法。
例子1
首先,我们用一个例子在HTML的段落文本上应用缩进的CSS属性。正如文章的名字所示,我们需要缩进文本的第二行。在这个例子中,我们应用了缩进属性,使该段的第一行在之前的位置保持不变。然而,从第二行开始的段落将被缩进。让我们开始看示例代码。首先,考虑正文部分,其中一个简单的段落标签被用来应用缩进。

声明了一个简单的标题,我们将不应用任何效果。段落标签被声明在div里面。它是一个容器,将HTML内容保持在一个特定的位置。同样地,我们将在这里声明一个div。这里也会声明一个类。
<div class= "a">
在CSS中,设计是通过ID或类来完成的。我们想要应用的所有效果都写在CSS主体的类声明中。在头部部分,我们需要在我们想要应用这些效果的地方提到名称。
把所有的标签和HTML主体也都关闭。一旦声明了HTML内容,当你在网站上运行该页面时,就会显示一个段落和一个标题。我们将使用下面的CSS代码来对此施加效果。
朝着样式标签的方向,一个类的div被解释为我们要应用于这个容器的功能。使用-36px的文本缩进,这意味着第一行不会被缩进。然而,与其余的段落行相比,第一行会向左移动。这是通过声明div的左侧padding为36px来实现的。这两个值都是以像素为单位设置的。

div.a {
text-indent: \-36px;
padding-left: 36px ;}
padding属性是针对内部内容的,而外部的内容则是控制的。这是文本边界和div容器边界之间的距离。现在,用HTML扩展名保存代码,并在浏览器上执行该网页。

你会看到一个简单的标题。一个段落的第一行是完整的,但第二行和其他所有的行都向右移了。CSS的text-indent属性可以做到这一点。
例2
在这个例子中,text-indent属性将被应用于标题。我们声明了一个简单的标题。之后,我们使用段落标签为其添加文本。div容器中的id将以同样的方式精确地应用于整个div。类中描述的效果被应用。
<div id= "container">

在头部部分里面,一个样式标签将包含id的特征。div被赋予一个边距和要应用的宽度。id是用一个哈希符号与之声明的。

为了在段落上具体应用效果,我们需要在id中提到 "p"。段落上方的边框被赋予颜色和大小。应用padding-top效果。这是该段落与标题之间的距离。左边两个特征是段落的文字大小和重量。这将是没有缩进的文本特征。标题应用的文本缩进属性为-26像素,并以相同的数值向左填充标题,且为正号。
#containerh2{
Text-indent: -26px;
Padding-left: 26px;
}
保存代码并执行该文件以检查输出。

在执行时,你会看到标题被显示出来,使标题的第二行向左缩进。然而,第一行保持不变。
注意:为了使段落或标题中的第二行文本缩进,我们需要将文本缩进的值取为负值。同时,文本的填充应该以正值在左侧方向进行。用户应该确认这两个值应该是一样的。在这两个例子中,我们都应用了相同的概念。
结论
用于第二行的CSS缩进属性是文本内容的一个基本特征,它被应用于段落和标题,通过使文本对用户具有吸引力而将其与其他文本区分开来。缩进值也可以用像素和百分比来表示。这个属性适用于段落的第一和第二行。CSS的第二行的文本缩进功能是通过带负号的值和带正号的填充值来实现的。padding的方向应取为左。我们用了两个例子来阐述这个文本缩进的概念,这将足以提高你对文本属性的认识。