CSS-3(文本属性)

文章详细介绍了CSS中的Text属性,包括文本颜色、text-align对齐方式(左、中、右),text-decoration用于添加文本装饰如下划线、删除线,text-indent指定文本首行缩进,以及line-height控制行间距。内容涵盖各属性的基本用法和示例代码。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

CSS Text(文本)属性主要定义文本外观,比如文本的颜色,文本对齐,装饰文本,文本缩进,设置

行间距等功能。

下面先讲一下文本的颜色属性,这边简单展示一下代码:

这个就不多讲了,下面直接讲解一下text-align属性(对齐文本)

这个属性主要用于设置元素文本内容里的水平对齐方式

这个属性有3个类型,居中,左对齐,右对齐,下面展示一下代码

接下来讲一下装饰文本属性text-decoration

这个属性主要规定添加到文本的装饰,可以给文本添加下划线,删除线,上划线等。

下面展示一下代码:

接下来讲一下text-indent属性(文本缩进

这个属性主要用于指定文本的第一行的缩进,通常是将该段落的首行缩进

下面展示一下代码

下面讲解最后一个text文本属性之行间距line-height

这个属性主要设置行间的距离(行高),可以控制文字行与行之间的距离。

需要注意的是,我们文字本身就有一个文本高度,然后还有2个间距,一个叫上间距,一个叫下间距。这3个加起来就是行间距。

如果要增加行高,需要在文本高度的前提下,加上间距的高度。(一般浏览器文字本身高度是16px,所以如果要加上下间距就要从16px往上加),下面是该元素的语法格式:

那么这边就已经讲完了CSS里边text文本属性,由于笔者能力有限,难免出现各种错误和漏洞。全文仅作为个人笔记,仅供参考,笔记内容来源于各类网课。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值