CSS——CSS常用的字体样式

万里顾—程

已于 2022-04-14 09:13:19 修改

阅读量1.5w

点赞数 9

分类专栏： H5+C3+JS 文章标签： css html

于 2020-11-08 19:54:56 首次发布

本文链接：https://blog.csdn.net/wpc2018/article/details/109563726

版权

H5+C3+JS 专栏收录该内容

35 篇文章 0 订阅

订阅专栏

CSS——字体样式

常用：

font-family：字体
font-size：大小
font-weight：粗细
color：颜色

字体样式测试

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        body{
        font-family:楷体; /*字体，可以设置多个*/
        color:blue;  /*颜色*/
        }
        h1{
        font-size:30px;  /*字体大小*/
        color:red;
        }
        .active{
        font-weight:bold;  /*粗体  用<strong></strong>标签也可以实现*/
        }
        .first{
        font:oblique bolder 36px "楷体";  /*斜体  粗体  大小  字体*/
        /*可以把设计字体样式的语句写在一起，这样更方便*/
        }


    </style>

</head>
<body>

<h1>故事介绍</h1>

<p class="active">
    平静安详的元泱境界，每隔333年，总会有一个神秘而恐怖的异常生物重生，它就是魁拔！
    魁拔的每一次出现，都会给元泱境界带来巨大的灾难！即便是天界的神族，也在劫难逃。
    在天地两界各种力量的全力打击下，魁拔一次次被消灭，但又总是按333年的周期重新出现。
    魁拔纪元1664年，天神经过精确测算后，在魁拔苏醒前一刻对其进行毁灭性打击。
    但谁都没有想到，由于一个差错导致新一代魁拔成功地逃脱了致命一击。
    很快，天界魁拔司和地界神圣联盟均探测到了魁拔依然生还的迹象。因此，找到魁拔，彻底消灭魁拔，再一次成了各地热血勇士的终极目标。

</p>
<p class="first">
    在偏远的兽国窝窝乡，蛮大人和蛮吉每天为取得象征成功和光荣的妖侠纹耀而刻苦修炼，却把他们生活的村庄搅得鸡犬不宁。
    村民们绞尽脑汁把他们赶走。一天，消灭魁拔的征兵令突然传到窝窝乡，村长趁机怂恿蛮大人和蛮吉从军参战。
    然而，在这个一切都凭纹耀说话的世界，仅凭蛮大人现有的一块冒牌纹耀，不要说参军，就连住店的资格都没有。
    受尽歧视的蛮吉和蛮大人决定，混上那艘即将启程去消灭魁拔的巨型战舰，直接挑战魁拔，用热血换取至高的荣誉。

</p>


</body>
</html>

效果图

在这里插入图片描述

万里顾—程

关注

9
点赞
踩
18

收藏

觉得还不错? 一键收藏
打赏
0
评论
CSS——CSS常用的字体样式

CSS——字体样式常用：font-family：字体font-size：大小font-weight：粗细color：颜色字体样式测试<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> body{ font-family:楷
复制链接

扫一扫