CSS中font是什么意思?

font代表字体,是CSS中的一个简写字体属性,用于一次设置元素字体的两个或更多方面,可以在一个声明中设置所有字体属性。

CSS font属性

font 简写属性可在一个声明中设置所有字体属性。

说明

这个简写属性用于一次设置元素字体的两个或更多方面。使用 icon 等关键字可以适当地设置元素的字体,使之与用户计算机环境中的某个方面一致。注意,如果没有使用这些关键词,至少要指定字体大小和字体系列。

可以按顺序设置如下属性:

  • font-style:规定字体样式。

  • font-variant:规定字体异体。

  • font-weight:规定字体粗细。

  • font-size/line-height:规定字体尺寸和行高。

  • font-family:规定字体系列。

除此之外,还有的可能值:

  • caption :定义被标题控件(比如按钮、下拉列表等)使用的字体。

  • icon:定义被图标标记使用的字体。

  • menu :定义被下拉列表使用的字体。

  • message-box:定义被对话框使用的字体。

  • small-caption: caption 字体的小型版本。

  • status-bar:定义被窗口状态栏使用的字体。

示例:所有字体属性在一个声明之内

<!DOCTYPE html>
<html>
<head>
	<meta charset="UTF-8">
	<style type="text/css">
		p.ex1 {
			font: italic arial, sans-serif;
		}
		
		p.ex2 {
			font: italic bold 12px/30px arial, sans-serif;
		}
	</style>
</head>

<body>
	<p class="ex1">这是一段。 这是一段。这是一段。 这是一段。这是一段。 这是一段。 这是一段。这是一段。</p>
	<p class="ex2">这是一段。 这是一段。这是一段。 这是一段。这是一段。 这是一段。 这是一段。这是一段。</p>
</body>

</html>

效果图:

062383005c4c2573d38bb86d621583a.png-600

CSS字型

在CSS中,有两种类型的字体系列名称:

  • 通用字体系列 - 拥有相似外观的字体系统组合(如 "Serif" 或 "Monospace")

  • 特定字体系列 - 一个特定的字体系列(如 "Times" 或 "Courier")

ea51e9ae9634996c5b3a4eea6499a73.png-600

以上就是CSS中font是什么意思?的详细内容,更多请关注0133技术站其它相关文章!

赞(0) 打赏
未经允许不得转载:0133技术站首页 » CSS3 答疑