文本修饰
CSS 提供了多种文本修饰相关的属性,用于美化文字外观和控制排版效果。常用的包括:
1. 文本装饰(text-decoration)
设置文本的下划线、删除线、上划线等效果:
a {
text-decoration: underline;
}
del {
text-decoration: line-through;
}
`
常用值:none、underline、overline、line-through
2. 文本转换(text-transform)
控制文本的大小写形式:
h1 {
text-transform: uppercase;
}
可选值:
none:不改变(默认)capitalize:每个单词首字母大写uppercase:全部转为大写lowercase:全部转为小写
3. 文本缩进(text-indent)
设置段落首行缩进:
p {
text-indent: 2em;
}
4. 行高(line-height)
控制文本行与行之间的垂直间距:
p {
line-height: 1.6;
}
可以使用数字、百分比或长度单位。
5. 字母与单词间距
p {
letter-spacing: 0.1em; /* 字母间距 */
word-spacing: 0.5em; /* 单词间距 */
}
良好的文本修饰不仅提升可读性,也增强网页的美观度和专业感。
相关内容
- 什么是 CSS? CSS(层叠样式表)是一种用来描述网页外观样式的语言。它定义了如何为HTML元素设置颜色、字体、布局等视觉效果,使网页更加美观和易于阅读。
- CSS 的作用与工作原理 介绍CSS的主要作用及其工作原理,帮助理解如何通过样式表控制网页元素的外观和布局,实现内容与表现的分离。
- CSS 的引入方式 介绍CSS的三种主要引入方式:内联样式、内部样式表和外部样式表,帮助开发者选择合适的方法应用样式。
- 基本语法结构 介绍CSS的基本语法结构,包括选择器、属性和属性值的组成方式,帮助理解如何编写有效的样式规则。
- 注释的使用方式 介绍CSS中注释的写法和作用,帮助开发者在样式代码中添加说明,提高代码可读性和维护性。
- 基本选择器 介绍CSS中最基础的三种选择器:元素选择器、类选择器和ID选择器,是学习CSS样式编写的基础。