[分享]css中对text文字的设置

在前端网页设计中，CSS样式不仅可以美化网站页面，还可以对文本的字体、大小、颜色、样式等进行设置。下面介绍一些CSS中对text文字的设置。/设置字体/ p { fontfamily: Arial, ...

在前端网页设计中，CSS样式不仅可以美化网站页面，还可以对文本的字体、大小、颜色、样式等进行设置。下面介绍一些CSS中对text文字的设置。

/*设置字体*/
p {
  font-family: Arial, Helvetica, sans-serif; /*优先使用Arial字体，如果没有则使用Helvetica，如果还没有则使用sans-serif字体*/
  font-size: 16px; /*设置字体大小*/
  font-weight: bold; /*设置字体粗细，值可以是normal、bold、bolder、lighter或者100到900的数字*/
}

/*设置颜色*/
p {
  color: red; /*设置文字颜色为红色*/
}

/*水平对齐方式*/
p {
  text-align: center; /*将文字水平居中*/
  text-align: left; /*将文字左对齐*/
  text-align: right; /*将文字右对齐*/
  text-align: justify; /*将文字两端对齐*/
}

/*垂直对齐方式*/
p {
  line-height: 1.5; /*设置行高，值可以是数字或百分比*/
  vertical-align: middle; /*将文字垂直居中对齐*/
}

/*设置文本装饰*/
p {
  text-decoration: underline; /*给文字添加下划线*/
  text-decoration: line-through; /*给文字加中划线*/
}

/*设置文本缩进*/
p {
  text-indent: 2em; /*设置文本缩进2个字符*/
}

/*设置字母和单词间距*/
p {
  letter-spacing: 2px; /*设置字母间距*/
  word-spacing: 5px; /*设置单词间距*/
} 

CSS的文本样式设置和排版方式设置非常灵活，根据不同的设计需要可以灵活调整，使得网页更加美观和易读。