1. 字体样式
1.1 font-family
用于设置文本的字体系列。可以指定一个字体族,或者提供多个字体名称作为备选,以确保浏览器能够选择合适的字体。
body {
font-family: 'Arial', sans-serif;
}
1.2 font-size
设置文本的字体大小。
h1 {
font-size: 24px;
}
2. 文本颜色
2.1 color
设置文本的颜色。
p {
color: #333;
}
3. 文本样式
3.1 font-weight
设置文本的粗细。
strong {
font-weight: bold;
}
3.2 font-style
设置文本的风格,如斜体。
em {
font-style: italic;
}
3.3 text-decoration
设置文本的装饰,如下划线、删除线等。
a {
text-decoration: underline;
}
4. 行高
4.1 line-height
设置文本行与行之间的高度。
p {
line-height: 1.5;
}
5. 对齐
5.1 text-align
设置文本的水平对齐方式。
div {
text-align: center;
}
5.2 vertical-align
设置内联元素的垂直对齐方式。
img {
vertical-align: middle;
}
6. 裁剪文本
6.1 overflow
设置溢出文本的处理方式。
div {
overflow: hidden;
}
6.2 white-space
设置如何处理元素内的空白。
p {
white-space: nowrap; /* 不换行 */
}
这些是 CSS 中控制文本样式的一些基本属性。根据实际需求,你可以深入学习更多文本样式属性以及 CSS 中其他相关的样式属性。
转载请注明出处:http://www.zyzy.cn/article/detail/3996/CSS