06.字体的简写属性
作者:互联网
<!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>Document</title>
<style>
div{
border:1px red solid;
/*
font的行高有个默认值,
所以如果把行高写在font的上面会被默认值覆盖掉,
如果要单独写,写在font下面就行了
*/
/* line-height:2; */
/*
font 可以设置字体相关的所有属性
语法:
font: 字体大小/行高 字体族;
字体族一定要写在最后,字体大小写在倒数第二,
‘/行高’可写可不写,如果不写使用默认值(未知,肯定不是2)
*/
font:bold italic 50px/2 'Times New Roman', Times, serif;
/* bold和italic可写可不写,顺序无所谓 */
/* font-weight 字体的加粗效果
可选值:
normal 默认值 不加粗
bold 加粗
100-900 九个级别
(没什么用,因为一般电脑里不会安装9个粗细不同的字体版本,
一般100-500无效果,600及以上会有加粗效果)
font-style 字体的风格
normal 正常的
italic 斜体
*/
/* font-weight:bold; */
/* font-weight:600; */
/* font-style: italic; */
}
</style>
</head>
<body>
<div>今天天气真不错 Hello hello</div>
</body>
</html>
标签:简写,06,默认值,字体,italic,font,行高,bold 来源: https://www.cnblogs.com/sherryyuan/p/16418237.html