一、CSS字体属性用于设置文本的字体样式。以下是常用的CSS字体属性:
- font-family:设置文本的字体系列,可以使用多个字体,用逗号分隔。
- font-size:设置文本的字体大小,可用像素、百分比、em等单位。
- font-weight:设置文本的字体粗细,常用的值有normal、bold、bolder、lighter、100、200、300、400、500等。
- font-style:设置文本的字体样式,常用的值有normal、italic、oblique。
- font-variant:设置文本的小型大写字母显示方式,常用的值有normal、small-caps。
- line-height:设置文本行高。
- text-align:设置文本对齐方式,常用的值有left、center、right。
- text-decoration:设置文本装饰,常用的值有none、underline、overline、line-through、blink。
- text-transform:设置文本大小写转换方式,常用的值有none、capitalize、uppercase、lowercase。
- letter-spacing:设置字符间距。
- word-spacing:设置单词间距。
- text-indent:设置首行文本缩进。
二、以下是几个 CSS 字体属性的代码实例:
- 设置字体大小和颜色:
font-size: 16px;
color: #333;
- 设置字体样式:
font-family: Arial, sans-serif;
font-weight: bold;
font-style: italic;
- 设置文本对齐方式:
text-align: center;
- 控制字符间距和行高:
letter-spacing: 1px;
line-height: 1.5;
- 控制文本下划线:
text-decoration: underline;
text-decoration-color: blue;
- 控制文本背景颜色和边框:
background-color: yellow;
border: 1px solid #ccc;
- 控制文本阴影效果:
text-shadow: 1px 1px #ccc;