HTML and CSS 学习笔记-第13章 深入探讨样式表格式化

本文介绍CSS格式化文本的高级技巧,包括使用font-variant、letter-spacing等属性;讲解如何通过link、hover等状态修改链接外观;并分享CSS注释、通用类及混合样式类等实用技巧。

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

 

1、使用CSS格式化文本的高级技巧

1)属性font-variant:取值none(默认值)和small-caps(小型大写字母)

2)属性letter-spacing:字母间距

3)属性word-spacing:词间距。

4)属性text-transform:自动转换段落文本的大小写。取值:none(默认值),uppercase(大写),lowercase(小写)和capitalize(首字母大写)。

2、修改链接的外观

1CSS包含一种根据链接状态修改链接外观的机制。分为四种:

Ø         Link:链接尚未访问过。

Ø         Hover:鼠标指向链接。

Ø         Active:链接被激活,如用鼠标点击。

Ø         Visited:链接被访问过。

示例:

alink {

       color#19619A

       font-weightbold

       text-decorationnone

}

3CSS代码注释

CSS注释放在/**/之间。

4CSS技巧

1)使用通用类

       p.bold { font-weight:bold} 标识创建的文本为粗体。去掉p,如:.bold { font-weight:bold}为通用样式类。通用样式类可应用于支持样式规则包含的属性的任何元素。

2)指定多个选择符

可为单个规则指定多个选择符。可消除重复代码。如:

       a:linke,a:visited,a:active {

              color#19619A

       font-weightbold

       text-decorationnone

}

3)混合样式类

       可以创建应用于特定元素的自定义样式表。

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值