前端的学习之路:初级CSS---字体的简写属性
程序员文章站
2022-05-10 11:03:43
...
字体的简写属性
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>字体的简写属性</title>
<!-- <link rel="stylesheet" href="../chujicss/css/11.23.05.css"> -->
<style>
div{
border: 1px red solid;
/*
font 可以设置字体相关的所有属性
语法:
font:字体大小/行高 字体族
行高 可以省略不写,如果不写使用默认值
*/
/* font-size: 50px;
font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif; */
/* font:50px Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;; */
/* font: normal normal 50px/2 Cambria, Cochin, Georgia, Times, 'Times New Roman', serif; normal是默认值*/
font-size: 50px;
/* font-weight 字重,字体的加粗
可选值:
normal 默认值 不加粗
bold 加粗
100-900 九个级别(没什么用)
font-style 字体的风格
normal 正常的
italic 斜体 */
/* font-weight: bold; */
font-weight: 900;
}
</style>
</head>
<body>
<div>今天好冷呀</div>
</body>
</html>
运行结果为:
上一篇: SQL学习部分笔记
下一篇: Flutter动态权限申请教程