Web前端-9-css-字体属性

最新推荐文章于 2023-09-18 09:55:40 发布

karry_孙二

最新推荐文章于 2023-09-18 09:55:40 发布

阅读量819

点赞数

分类专栏： Web前端基础

本文链接：https://blog.csdn.net/qq_39620483/article/details/84192897

版权

Web前端基础专栏收录该内容

29 篇文章 1 订阅

订阅专栏

CSS字体属性

1.font-size属性

（1）font-size:设置字体尺寸,字体大小。

（2）例如：font-size:14px;

2.font-family属性

（1）font-family:设置文本的字体名称序列，一般字体引用可以不加引号，如果字体名包含了空格、数字或者符号（如连接符）则需加上引号，避免引发错误。

（2）例如：font-family:Arial;

3.font-style属性

font-style：设置或检索对象中的文本字体样式

①normal指定文本字体样式为正常的字体。如：font-style:normal;

②italic指定文本字体样式为斜体。如：font-style:italic;

③oblique指定文本字体样式为倾斜的字体。如：font-style:oblique;

4.font-weight属性

font-weight：设置文本字体的粗细

①normal:正常的字体，相当于数字值400。如：font-weight:normal;

②bold:粗体，相当于数字值700。如：font-weight:bold;

③bolder:定义比继承值更重的值。如：font-weight:bolder;

④lighter:定义比继承值更轻的值。如：font-weight:lighter;

< lighter >:用数字表示文本字体粗细。取值范围：100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900

例如：font-weight:700;

⑤font-variant：设置文本是否为小型的大写字母

取值：normal:正常的字体

small-caps:小型的大写字母字体

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>css 字体属性</title>
    <style type="text/css">
        #a{
            font-size: 20px;
        }
        #b{
            font-family: "宋体";
        }
        #c{
            font-style: italic;
        }
        #d {
            font-weight: bold;
        }
    </style>
</head>
<body>
    <p id="a">第1段设置字体大小</p>
    <p id="b">第2段设置字体格式</p>
    <p id="c">第3段设置为斜体</p>
    <p id="d">第4段设置字体粗细</p>
</body>
</html>

karry_孙二

关注

0
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
Web前端-9-css-字体属性

CSS字体属性1.font-size属性（1）font-size:设置字体尺寸,字体大小。（2）例如：font-size:14px;2.font-family属性（1）font-family:设置文本的字体名称序列，一般字体引用可以不加引号，如果字体名包含了空格、数字或者符号（如连接符）则需加上引号，避免引发错误。（2）例如：font-family:Arial;...
复制链接

扫一扫