首页  >  文章  >  web前端  >  css如何设置黑体样式

css如何设置黑体样式

王林
王林原创
2020-11-16 16:50:183893浏览

css设置黑体样式的方法:可以利用font-family属性来进行设置,如【font-family: 黑体;】。font-family属性用于指定一个元素的字体。

css如何设置黑体样式

属性介绍:

font - family属性指定一个元素的字体。

(学习视频分享:css视频教程

有两种类型的字体系列名称:

  • family-name - 指定的系列名称:具体字体的名称,比如:"times"、"courier"、"arial"。

  • generic-family - 通常字体系列名称:比如:"serif"、"sans-serif"、"cursive"、"fantasy"、"monospace。

提示:使用某种特定的字体系列(Geneva)完全取决于用户机器上该字体系列是否可用;这个属性没有指示任何字体下载。因此,强烈推荐使用一个通用字体系列名作为后路。

属性值:

  • family-name\generic-family    用于某个元素的字体族名称或/及类族名称的一个优先表。默认值:取决于浏览器。

  • inherit    规定应该从父元素继承字体系列。    

举例:

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<style>
			.s {
				font-family: SimHei;
			}
			.ss {
				font-family: 黑体;
			}
		</style>
	</head>
	<body>
		<p class="s">测试黑体</p>
		<p>普通字体</p>
		<p class="ss">测试黑体</p>
	</body>

</html>

相关推荐:CSS教程

以上是css如何设置黑体样式的详细内容。更多信息请关注PHP中文网其他相关文章!

声明:
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn