font复合属性的写法
Posted 香风智乃哈~
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了font复合属性的写法相关的知识，希望对你有一定的参考价值。
字体有很多种属性：font-size,font-style,font-weight,font-family
这些属性如果要同时出现的话，可以用符合属性进行填写。
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>字体</title>
<style>
.font222
/*这些是单独写的*/
/* 字体大小 */
/* font-size: 100px; */
/* 什么类型的字体 */
/* font-family: "microsoft yahei"; */
/* 字体粗细 */
/* font-weight: bold; */
/* 字体倾斜与否 */
/* font-style: italic; */
font:italic 700 100px 'microsoft yahei';
</style>
</head>
<body>
<div class="font222">哇哇哇哇</div>
</body>
</html>
符合属性必须遵守一定的顺序：
//这个顺序是不能进行更改的，，每个属性要以空格进行分隔
//另外font-size和font-family必须同时存在，否则将不显示（前面的两个可以不写）
font:font-style font-weight font-size font-family
一定要注意这个顺序是不能够更改的。
以上是关于font复合属性的写法的主要内容，如果未能解决你的问题，请参考以下文章
CSSCSS 文本样式 ② ( font 字体设置 | CSS 2.0手册使用 | font-weight 字体粗细设置 | font-style 字体斜体设置 | font 字体样式综合写法 )