CSS字体属性

最新推荐文章于 2024-07-25 15:36:30 发布

MSL7141

最新推荐文章于 2024-07-25 15:36:30 发布

阅读量72

点赞数

分类专栏：前端基础文章标签： css html

本文链接：https://blog.csdn.net/MSL7141/article/details/120350973

版权

前端基础专栏收录该内容

17 篇文章 0 订阅

订阅专栏

1.字体系列

font-family属性定义文本的字体系列

p {font-family:"Microsoft Yahei";}

<!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>word</title>
    <style>
        p {
            font-family:'Microsoft Yahei', Courier, monospace;
        }
    </style>
</head>
<body>
    <p>还有一个半小时下班</p>
</body>
</html>

各种字体之间必须使用英文状态下的逗号隔开；有空格的字体加单引号；

2.字体大小

font-size设置字体的大小

p {
   font-size: 200px;
}

px{像素}大小是网页中常用的单位

谷歌浏览器默认的字体是16px;

可以给整个body指定整个页面的大小；

body {
     font-size: 20px;
}

3.字体粗细

font-weight设置字体的粗细；

 div {
            font-weight:bold;
        }

粗体变细小于400，normal；细体变粗：700，bold

4文字样式

font-style表示字体的样式是否倾斜；

p {
font-style: normal;
}

倾斜的字体变板直；

em{
   font-style: normal;
}

5.字体的复合属性

body {
font: font-style font-weight font-size/line-eight font-family
}

style,weight,size,family的顺序不能变，各个属性之间用空格隔开，且必须保留font-size和font-family

总结；

MSL7141

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
CSS字体属性

1.字体系列font-family属性定义文本的字体系列p {font-family:"Microsoft Yahei";}<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" co
复制链接

扫一扫

专栏目录