<!--
字体属性
font-family 字体系列（微软雅黑、宋体~），可以直接给body指定
font-size 字体大小(多少px)
font-weight 字体粗细(多少)
font-style 字体风格（是否是斜体）
字体复合属性font
格式要求：font :font-style font-weight font-size/line-height font-family
必须保留font-size和fony-family属性，否则font属性不起作用
-->
<!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>
h2 {
font-family: Cambria, Cochin, Georgia, Times, 'Times New Roman', serif;
/* 可以使用英语的逗号来加上多个字体，字体内部空格来分开单词
类似兼容浏览器字体*/
font-size: 20px;
font-weight: 400;
font-style:italic;
}
body {
font-size: 20px ;
font-weight: 700;
/* 实际开发中更提倡使用数字表示加粗或变细，正常是400，bold是700，不用加px */
}
/* 标题标签比较特殊，需要单独指定 */
em {
font-style: normal;
}
div {
font: italic 700 16px Georgia;
}
</style>
<img src
</head>
<!--
<em>，<i>是倾斜字体的标签
-->
<body>
<h2>title</h2>
<p>五项原则</p>
<p>我下周一二</p>
<p>在拿到合同</p>
<p>中午和你说话你就不用管</p>
<em>下课了啊</em><br>
<i>想你的也</i><br><br>
<div>三生三世十里桃花</div>
</body>
</html>
这次接上一篇，做了几个笔记，但放一起发出来肯定看不下去，代码长，文字多，换我可能还没看一半就退掉了，所以还是发几个出来比较容易看一点。
83
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
