CSS之内联、内部、外部样式CSS的引入方式

115 阅读 0 评论 76 点赞

我是靠谱客的博主爱笑向日葵，这篇文章主要介绍CSS之内联、内部、外部样式CSS的引入方式，现在分享给大家，希望可以做个参考。

CSS的引入方式

内联样式

<p style="color: green; background-color: aqua; font-size: 50px;">erode,努力,加油,为了人民币</p>
内联样式都是将style写在html元素中，不方便维护，如果有在更改样式的时候，需要一个一个去更改样式里的属性，不方便。

内部样式

复制代码

1
2
3
4
5
6
7
8
<style>
        h3 { 
            color: green;
            background-color: aqua;
            font-size: 50px;
        }
</style>

内部样式就是把<style></style>写在html文件的head标签中，然后达到控制整篇html中相关样式的控制的作用。缺点：当前html中超链接连出去后的html中的文件，连出去的文件要是依然需要当前html中相关元素的样式时，必须出现书写，在修改的时候，必须两个文件里面的样式一起改，不能同步操作，比较麻烦。

外部样式

<link rel="stylesheet" href="./外部样式/public.css">
通过一个专门的CSS文件，里面规定好相关的样式的属性设置等等，如果哪个文件需要设置当前的样式，只需要在其head标签中，link链接外部样式表即可。操作方便，可以同步修改以及给多个html增加样式。