这篇博客介绍了CSS中常用的文本样式设置，包括文字颜色、大小、字体、倾斜、加粗、行高以及文本的首行缩进和对齐方式。通过示例代码展示如何应用这些样式来美化文本。
常用文本样式：
color:设置文字颜色：red
color: red;
font-size:设置文字大小
font-size:12px;
font-family:设置文字字体
- font-family:'微软雅黑';
font-style:设置文字是否倾斜
font-style: normal; 不倾斜
font-style: italic; 倾斜
font-weight:设置文字是否加粗
font-weight: bold; 加粗
font-weight: normal; 不加粗
line-height:设置文字行高（行高相当于每行文字的上下同时加间距）
line-height: 36px;
font：设置文字的几个属性，是否加粗，字号/行高，字体
font: bold 12px/36px '微软雅黑';
text-indent:设置文字首行缩进
text-indent: 60px;
text-align:设置文字首行对其方式；
text-align: center; 居中
案例如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<style type="text/css">
.box1{
color: red;
font-size:12px;
font-family: 'Microsoft YaHei UI';
font-style: italic; 斜体
font-weight: bold; 加粗
font: bold 12px/36px 'Microsoft YaHei UI';
line-height: 36px;
text-align: center; 居中
text-indent: 60px;
}
</style>
</head>
<body>
<div class="box1">文本样式<br>哈哈哈2222222222222222222222</div>
</body>
</html>
4802
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
