python学习之网站的编写（HTML，CSS，JS）（十一）----------如何利用其它html文件中的CSS（也就是可以将共同的地方提取出来，放大一个文件中，利于使用）

首先说一下它的具体用处，我们已经知道，当我们写一个html文件的时候，不同的标签想用相同的版式的时候，我们可以将它提取出来，然后再用一些选择器进行应用，比如class选择器。但是，但我们编写多个html文件中的时候，多个文件都想用一些相同的版式该怎么办呢？

那么就引入了这种连接的方式，首先写一个共同的CSS版式的html文件

.c1{
            background-color: #ff0000;
        }

在这里，什么也不用写，就直接写内容就可以，我这里用了一个class选择器。

然后应用，在head中进行连接link。

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <link rel="stylesheet" href="CSS.html">
    <!--在这里只需要把你的文件路径href修改即可，默认是当前文件夹，如果还有更深的文件夹，则可以文件夹\文件-->
</head>
<body>
    <div class="c1">6666666666666</div>
</body>
</html>

python学习之网站的编写（HTML，CSS，JS）（十一）----------如何利用其它html文件中的CSS（也就是可以将共同的地方提取出来，放大一个文件中，利于使用）

猜你喜欢