<!--
字体属性
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>
这次接上一篇,做了几个笔记,但放一起发出来肯定看不下去,代码长,文字多,换我可能还没看一半就退掉了,所以还是发几个出来比较容易看一点。