01 CSS字体样式属性

最新推荐文章于 2023-03-18 17:34:42 发布

Molly134

最新推荐文章于 2023-03-18 17:34:42 发布

阅读量164

点赞数

分类专栏： css学习

本文链接：https://blog.csdn.net/weixin_42305895/article/details/98473485

版权

css学习专栏收录该内容

3 篇文章 0 订阅

订阅专栏

字体样式属性	说明
font-size	字号大小
font-family	字体
css-Unicode	字体
font-weight	字体粗细
font-style	字体风格

font-size：字号大小
font-size属性用于设置字号，该属性值可以使用相对长度单位（常用），也可以使用绝对长度单位。下图所示为相对长度单位：

相对长度单位	说明
em	相对于当前对象内文本的字体尺寸
px	像素，最常用

font-family：字体
font-family属性用于设置字体，如在网页设计中我们常常用到的字体有微软雅黑、宋体、黑体等等。例如:div{font-family: “宋体”;}

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        h4 {
            font-size: 20px; /* 字体大小为20px */
            color: red; /* 字体颜色为红色 */
        }
        li {
            font-family: "宋体"; /*设置字体为宋体*/
        }
    </style>
</head>
<body>
<h4>项目主要内容</h4>
<ul>根据项目的功能描述，该综合项目主要分解为以下子项目：
    <li>子项目一：DHCP服务器配置</li>
    <li>子项目二：Web服务器配置</li>
    <li>子项目三：DNS服务器配置</li>
    <li>子项目四：FTP服务器配置（含LVM磁盘管理）</li></ul>
</body>
</html>

css-Unicode:字体
在设置字体时，直接写中文是支持的，但是在GB2312、UTF-8等文件编码不匹配时可能会产生乱码错误，这时候我们可以使用Unicode编码来代替中文编码，如下所示：

字体名称	英文名称	unicode编码
宋体	simsun	\5B8B\4F53
新宋体	NSimSun	\65B0\5B8B\4F53
黑体	SimHei	\9ED1\4F53
微软雅黑	Microsoft YaHei	\5FAE\8F6F\96C5\9ED1
楷体_GB2312	KaiTi_GB2312	\6977\4F53_GB2312
隶书	LiSu	\96B6\4E66
幼园	YouYuan	\5E7C\5706
华文细黑	STXihei	\534E\6587\7EC6\9ED1
细明体	MingLiU	\7EC6\660E\4F53
新细明体	PMingLiU	\65B0\7EC6\660E\4F53

font-weight：字体粗细
设置对象中的文本字体的粗细，如p {font-weight:bold}，下所示为字体粗细的取值：

font-weight取值	说明
normal	正常的字体。相当于数字值400
bold	粗体。相当于数字值700。
数字	用数字表示字体的粗细，如：100、200等

font-style:字体风格
font-style属性用于定义字体风格，设置斜体、倾斜或正常字体，如p {font-style:italic}，其可用属性值如下

font-style取值	说明
normal	指定文本字体样式为正常的字体
italic	指定文本字体样式为斜体

Molly134

关注

0
点赞
踩
0

收藏

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

字体样式属性说明font-size字号大小font-family字体css-Unicode字体font-weight字体粗细font-style字体风格font-size：字号大小font-size属性用于设置字号，该属性值可以使用相对长度单位（常用），也可以使用绝对长度单位。下图所示为相对长度单位：相对长度单位说明...
复制链接

扫一扫