CSS书写规则

1.ID选择器（#定义一个名称）

选择器{
属性名称：属性值；
属性名称：属性值2；
.........................
}

选择器 = 选择（查找）html标签的方法（#box）
HTML 定义名称用（id：）
CSS用（#名称）

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>选择器的常用方式</title>
        <style type="text/css">
            #box1{
                color: #FF0000;
            }
            
        </style>
        
    </head>
    <body>
        <div id="box1">
            这是一个盒子
        </div>
        
    </body>
</html>

2.类选择器（.定义一个名称）

CSS用.定义名称
HTML用class定义名称

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>选择器的常用方式2(类选择器))</title>
    <style type="text/css">
        .box2{
            
            color: #8A2BE2;
        }
    </style>
        
    </head>
    <body>
        <div class="box2">这是类选择器使用方法</div>
        
    </body>
</html>

3.标签选择器

通过标签名称来选择对应的Html元素，
例如<P>标签
直接在css中输入p{
属性........
属性.......
}
直接在

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title>选择器的常用方式(标签选择器))</title>
        <style type="text/css">
            p{
                color: #FF0000;
            }
        </style>
        
    </head>
    <body>

    <p>这是P1</p>
        <p>这是P2</p>
            <p>这是P3</p>
                <p>这是P4</p>
        
    </body>
</html>