CSS字体样式

原创于 2021-02-06 14:35:47 发布 · 261 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#css

css 专栏收录该内容

13 篇文章

订阅专栏

本文引导你学习Java编程，从基础语法开始，深入探讨核心概念，适合初学者和进阶者。

span标签：需要重点突出的字，用span套起来（约定俗成）

    <style>
        #title1{
            font-size: 50px;
        }
    </style>


    <body>
    欢迎学习<span id="title1">Java</span>
    </body>

我们设置字体样式时，一般需要使用 font-代码。如下所示：

    <!--
        font-family: 字体
        color:  字体颜色
        font-size: 字体大小
        font-weight: 字体粗细
    -->

    <style>
        body{
            font-family: "Aberration" , 楷体;
            color: #ff496e;
        }
        h1{
            font-size: 50px;
        }
        .p1{
            font-weight: bold;
        }
    </style>

或者我们可以只使用 font代码，将字体样式一次性设置完成。如下所示：

    <style>
        p{
            font: oblique bolder 20px "楷体";
        }
    </style>

CSS字体样式

1 条评论