我是靠谱客的博主 爱笑向日葵,最近开发中收集的这篇文章主要介绍CSS之内联、内部、外部样式CSS的引入方式,觉得挺不错的,现在分享给大家,希望可以做个参考。

概述

CSS的引入方式

内联样式

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

内部样式

<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增加样式。

在这里插入图片描述

在这里插入图片描述

在这里插入图片描述
从上图可以分别看到内联样式、内部样式、外部样式语句书写。
CSS外部样式表的出现就使得对于html的页面美化设置更加方便,更容易维护。

最后

以上就是爱笑向日葵为你收集整理的CSS之内联、内部、外部样式CSS的引入方式的全部内容,希望文章能够帮你解决CSS之内联、内部、外部样式CSS的引入方式所遇到的程序开发问题。

如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。

本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
点赞(39)

评论列表共有 0 条评论

立即
投稿
返回
顶部