CSS文本样式:字体、大小、颜色、对齐方式

本文介绍CSS中文本样式的常见属性,包括字体、大小、颜色、对齐方式等,同时提供详细的函数细节用法参数和实例代码,适合初学者学习。


CSS字体样式


CSS中字体样式可以通过font-family属性进行设置,常见的字体有宋体、微软雅黑、Arial等。例如:

body{
  font-family: Arial, "Microsoft YaHei", sans-serif;
}

其中,font-family属性值由多个字体名称组成,用逗号分隔。如果第一个字体不可用,则使用第二个字体,以此类推。


CSS字体大小


字体大小可以通过font-size属性进行设置,常见的单位有px、em、rem等。例如:

h1{
  font-size: 24px;
}

p{
  font-size: 16px;
}

其中,h1元素的字体大小为24像素,p元素的字体大小为16像素。


CSS字体颜色


字体颜色可以通过color属性进行设置,常见的颜色值有十六进制、RGB、RGBA等。例如:

h1{
  color: #ff0000;
}

p{
  color: rgba(255, 0, 0, 0.5);
}

其中,h1元素的字体颜色为红色(#ff0000),p元素的字体颜色为半透明红色(rgba(255, 0, 0, 0.5))。


CSS文本对齐方式


文本对齐方式可以通过text-align属性进行设置,常见的对齐方式有左对齐、居中对齐、右对齐等。例如:

h1{
  text-align: center;
}

p{
  text-align: left;
}

其中,h1元素的文本居中对齐,p元素的文本左对齐。


通过本文的介绍,相信大家已经掌握了CSS中文本样式的常见属性,并且可以通过相应的属性对文本样式进行设置。

猿教程
请先登录后发表评论
  • 最新评论
  • 总共0条评论