<!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>CSS字体样式</title>
<style>
/*
一、字体相关属性：
1.font-size 字体大小
2.font-family字体的系列（字体族）
可以同时设置多个字体，每种字体之间以逗号隔开
设置多个字体的目的是为了用户可能的能够支持字体
网页字体五大类：
serif 衬线字体
sans-serif 非衬线字体
monospace 等宽字体
cursive 草书字体
fantasy 虚幻字体
若字体名称中包含空格，则必须使用双引号
3.font-weight 字体的粗细
可选值：
normal 正常显示（默认值）
bold 粗体
lighter特细
bolder特粗
"number"利用数值指定粗细100-900，值后没有单位
400相当于normal 700相当于bold
4.font-style 字体的样式
可选值：
normal 正常显示
itallc 斜体
（通常斜体使用相对较少，反而将斜体设置成normal）
二、字体的简写属性：font
font：font-style font-weight font-size/line-height font-family
注意：
每个属性之间以空格隔开
font-size font-family 不可以省略并且必须按照顺序书写，其他可以省略
*/
h1{
font-size: 80px;
font-family:fantasy;
}
p{
/* font-size: 30px;
font-family:serif;
font-weight:900;
font-style: italic;*/
font:italic bolder 80px 宋体,黑体
}
</style>
</head>
<body>
<h1>天天好心情 I'M Happy</h1>
<p>今天天气不错</p>
<p>挺风和日丽的</p>
<p>我们今天在上课</p>
<p>我嫩爹</p>
</body>
</html>
版权属于：
yu
作品采用：
《
署名-非商业性使用-相同方式共享 4.0 国际 (CC BY-NC-SA 4.0)
》许可协议授权
评论 (0)