列举出文字使用的css属性
时间: 2024-11-27 16:05:48 浏览: 0
常用的CSS属性大全
在CSS中,针对文本(包括字体、样式、布局等)有许多属性。以下是一些常见的文字相关的CSS属性:
1. `font-family`: 设置文本的字体系列。可以指定多个备选字体,当系统上没有首选字体时会尝试下一个。
```css
p {
font-family: "Arial", sans-serif;
}
```
2. `color` (or `text-color`): 设置文本的颜色。
```css
h1 {
color: #333;
}
```
3. `font-weight`: 控制字体的粗细程度,如`normal`, `bold`, `lighter`, 或数值值如`400` (常规)、`700` (粗体)等。
```css
strong {
font-weight: bold;
}
```
4. `font-style`: 设置字体风格,如`normal`, `italic`, 或`oblique`。
```css
em {
font-style: italic;
}
```
5. `font-size`: 设置文本的尺寸。
```css
p {
font-size: 16px;
}
```
6. `line-height`: 设置行高,即字符之间的垂直距离。
```css
body {
line-height: 1.5;
}
```
7. `letter-spacing`: 文字间距,用于调整字母之间的空间。
```css
span {
letter-spacing: 2px;
}
```
8. `word-spacing`: 单词之间的间距。
```css
h2 {
word-spacing: 1em;
}
```
9. `text-align`: 文本对齐方式,如`left`, `right`, `center`, `justify`等。
```css
p {
text-align: justify;
}
```
10. `text-decoration`: 设置文本装饰线,如`none`, `underline`, `overline`, `line-through`等。
```css
a {
text-decoration: underline;
}
```
11. `text-transform`: 文本转换方式,如`uppercase`, `lowercase`, `capitalize`等。
```css
.title {
text-transform: uppercase;
}
```
12. `text-indent`: 首行缩进。
```css
blockquote {
text-indent: 50px;
}
```
这只是部分属性,实际上还有很多其他与文字相关的CSS属性,如`text-shadow`(文本阴影)、`white-space`(处理空白字符)等。根据实际需求选择合适的属性即可。
阅读全文