CSS（四）-- 针对字体、文本的常用基本属性

普雅^0^雷蒙达

已于 2023-05-01 21:22:16 修改

阅读量1.1k

点赞数 1

CC 4.0 BY-SA版权

分类专栏： # CSS 文章标签： css3 前端 css

于 2023-04-30 13:44:35 首次发布

本文链接：https://blog.youkuaiyun.com/PUYALEI/article/details/130447735

本文详细介绍了CSS中关于字体和文本的基本属性，包括字体系列、大小、粗细、文字样式、颜色、对齐方式、装饰文本、文本缩进以及行间距的设置方法，提供了丰富的代码示例，有助于提升网页文本的样式设计能力。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1. 字体系列

CSS 使用 font-family 属性定义文本的字体系列。
p { font-family:"微软雅黑";}

div {font-family: Arial,"Microsoft Yahei", "微软雅黑";}
font-family 属性应包含多个字体名称作为“后备”系统，以确保浏览器/操作系统之间的最大兼容性。

各种字体之间必须使用英文状态下的逗号隔开，如果字体名称不止一个单词，则必须用引号引起来，例如："Times New Roman" 尽量使用系统默认自带字体，保证在任何用户的浏览器中都能正确显示。

最常见的几个字体：body {font-family: 'Microsoft YaHei',tahoma,arial,'Hiragino Sans GB'; }。

2. 字体大小

CSS 使用 font-size 属性定义字体大小。
p {
	font-size: 20px;
}
font-size 属性的常见取值：

属性取值 字体大小

xx-small 最小

x-small 较小

small 小

medium 正常(默认值)

large 大

x-large 较大

xx-large 最大

px 一般为偶数

注：px（像素）大小是我们网页的最常用的单位（谷歌浏览器默认的文字大小为16px）。