036.CSS的作用及字体样式

1.span标签：重点突出的字使用span标签套起来

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>2021-11-30</title>
        <style type="text/css">
            #test{
                font-size: 50px;
            }
        </style>
    </head>
    <body>
        欢迎学习<span id="test">JAVA</span>
    </body>
</html>

 

 

 

 2.字体样式：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>2021-11-30字体样式</title>
        <!-- 
         1.font-family代表字体
         2.font-size字体的大小
         3.font-weight字体的粗细
         4.color字体颜色
         -->
        <style type="text/css">
            body{
                font-family: 楷体;
                color: #0000FF;
            }
            h1{
                font-size: 50px;
            }
            .p1{
                font-weight: bold;
            }
        </style>
        
    </head>
    <body>
        <h1>这个世界名为元泱境界</h1>
        <p class="p1">脉（本质为振动）是构成万物的基础。每隔333年，会有一个神秘而强大的异常生物重生，它就是魁拔！魁拔的每一次出现，都会给元泱境界带来巨大的灾难！</p>
        <p>因此，找到魁拔，彻底消灭魁拔，再一次成了各地热血勇士的终极目标。</p>
    </body>
</html>

 

posted @ 2021-11-30 01:38  李林林  阅读(28)  评论(0)  编辑  收藏  举报