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复合属性的写法的主要内容,如果未能解决你的问题,请参考以下文章