036.CSS的作用及字体样式


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

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

 2.字体样式:

DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>2021-11-30字体样式title>
        
        <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>

CSS