文本样式的属性种类及使用方法

本文详细介绍了CSS中用于文本样式的属性,包括text-transform用于设置文本大小写,text-decoration用于文本修饰,letter-spacing和word-spacing分别控制字符和单词间距,text-align设置文本对齐,text-indent设置首行缩进,white-space处理空白,text-overflow处理文本溢出,vertical-align调整元素垂直对齐,以及text-shadow和box-shadow为文本和块元素添加阴影效果。

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

目录

一.文本样式的属性种类

二.文本样式的属性的使用方法

                1.text-transform 可以用来设置文本的大小写

                2. text-decoration  [dɛkə'reɪʃ(ə)n] 可以用来设置文本的修饰

                3.letter-spacing可以指定字符间距,word-spacing可以设置单词之间的距离

                4. text-align用于设置文本的对齐方式

                5.text-indent 设置首行缩进

 6.white-space; 设置网页如何处理空白 ,text-overflow 文本溢出包含元素时的事

                 7.vertical-align  设置元素垂直对齐的方式

                8.text-shadow: h-shadow v-shadow blur color设置文本的阴影

                9.box-shadow: h-shadow v-shadow blur color设置块元素的阴影


一.文本样式的属性种类

序号 种类 作用
1 text-transform 可以用来设置文本的大小写
2 text-decoration 可以用来设置文本的修饰
3 letter-spacing 可以指定字符间距
4 word-spacing 可以设置单词之间的距离
5 text-align 用于设置文本的对齐方式
6 text-indent 设置首行缩进
7 white-space 设置网页如何处理空白
8 text-overflow 文本溢出包含元素时发生的事情
9

vertical-align

设置元素垂直对齐的方式

10

text-shadow

设置文本的阴影

11

box-shoadow

设置块元素的阴影

二.文本样式的属性的使用方法

                1.text-transform 可以用来设置文本的大小写

可选值 作用

none

默认值  文本正常显示
uppercase   文本大写
lowercase 文本小写
capitalize   首字母大写

使用方法:

p{
    text-transform: capitalize;
}

                2. text-decoration  [dɛkə'reɪʃ(ə)n] 可以用来设置文本的修饰

可选值 作用

none  

默认值  文本正常显示
underline   下划线
overline   上划线
line-thr
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值