1.字体属性
<body>
<style>
div {
font: size 100px;
font-size: 1in;
/* Chrome浏览器默认字体大小 */
/* px是一个相对长度单位 */
}
header {
/* 数字;100-900取值范围 由粗变细 100-300;变细 40-500;正常 >= 500加粗 */
/* 单词;normal正常;bold bolder 加粗;lighter */
/* 数字 400 等价于 normal, 而 700 等价于 bold */
/* 如果想要正常字体,不加font-size属性即可,或者font-weight;normal;400=normal
700=bold */
font-weight: 500;
font-size: bold;
}
nav {
/* 如果是中文,需要加‘’*/
font-family: '宋体';
font-family: '\5E7C\5706';
/* 如果是英文 单个英文(挨在一起的单词lisu GEorgia Times),不需要加‘’ */
font-family: lisu;
/* 兼容;从左到右去解析,如果不支持第一种,继续解析第二种,若都不能解析,则使用浏览器默认字体 */
font-family: Georgia, 'Times New Roman', Times, serif;
/* 既有中文,又有英文,需要将英文写在前面,中文写在后面 */
font-family: 'Courier New', Courier, monospace, '隶书';
}
section {
/* 倾斜的字体 使用字的本身倾斜字体 */
/* font-style: italic; */
/* oblique 倾斜的字体 有些边边角角的文字没有倾斜 ,使用浏览器强制给它倾斜 */
font-style: oblique;
/* font-style: normal; */
}
/* 综合设置字体属性 */
aside {
/* font: font-style font-weight font-size/line-height font-family; */
/* 使用font属性时,**必须**按照上面语法格式中的顺序书写,**不能更换顺序**,各个属性以空格隔开。
其中不需要的属性可以省略(取默认值),但**必须保留font-size、font-family属性**,否则font属性将不起作用。 */
font: italic 700 26px '仿宋';
}
</style>
</body>
普通测文本
<div>这是div标签</div>
<header>这是header标签</header>
<nav>这是nav标签</nav>
<section>这是section标签</section>
<aside>这是aside标签</aside>