2、css的存在形式及优先级

佚名 6年前 (2019-05-04) 随笔 2059人围观抢沙发百度已收录

一、优先级

简单可以理解为就近原则；

SRE实战互联网时代守护先锋，助力企业售后服务体系运筹帷幄！一键直达领取阿里云限量特价优惠。

<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <style>
        .c1{
            background-color: red;
            color: white;
        }

        .c2{
            font-size: 26px;
            color: black;
        }
    </style>
</head>
<body>
    <div class="c1 c2" style="color: blue">abc</div>
</body>
</html>

二、存在形式

css样式可以存在于一个文件中；

在HTML中引入即可；

##HTML文件
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>

    <link rel="stylesheet" href="commons.css" />    #引入
</head>
<body>
    <div class="c1 c2" style="color: blue">abc</div>
</body>
</html>


#css文件
.c1{
    background-color: red;
    color: white;
    }

.c2{
    font-size: 26px;
    color: black;
    }