CSS基础3-文本属性、伪类、伪元素

本文介绍了CSS中用于控制文本外观的各种属性,如缩进、对齐方式、字间距等,并详细解释了如何使用伪类和伪元素来增强网页交互性和美观度。

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

文本属性

功能属性名描述
缩进文本text-indent设置行的缩进大小,值可以为正值或负值,单位可以用em、px或百分比(%)
水平对齐text-align取值left、right、center、justify(两端对齐,如下图2)
垂直对齐vertical-align设置文本的垂直对齐方式,取值bottom、top、middle、baseline
字间距word-spacing设置字(单词)之间的标准间隔,默认是normal(或0)
字母间隔letter-spacing设置字符或字母之间的间隔
字符转换text-transform设置文本中字母的大小写,取值none、uppercase、lowercase、capitalize
文本修饰text-decoration取值none(去掉下划线)、underline(下划线)、overline(上划线)、line-through(删除线)、blink(闪烁)
空白字符white-space取值 normal(忽略多余)、pre(正常显示)、nowrap(文本不换行,除非遇到<br/>标签);
水平对齐例子:

这里写图片描述这里写图片描述

图一为默认水平对齐方式;图二添加水平对齐样式为两端对齐text-align: justify;

伪类

伪类名描述
:active向被激活的元素添加样式
:hover鼠标悬浮在元素上方时,向元素添加样式
:link向未被访问的链接添加样式,仅适用于超链接
:visited向已被访问的链接添加样式,仅适用于超链接
:focus向拥有键盘输入焦点的元素添加样式
:checked向已被选中的元素添加样式
:disabled向被禁用的元素添加样式

伪元素

伪元素描述
:first-line向文本的首行添加特殊样式
:first-letter向文本的第一个字母或汉字添加特殊样式
:before在元素之前添加内容
:visited在元素之后添加内容
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值