概述
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的引入方式所遇到的程序开发问题。
如果觉得靠谱客网站的内容还不错,欢迎将靠谱客网站推荐给程序员好友。
本图文内容来源于网友提供,作为学习参考使用,或来自网络收集整理,版权属于原作者所有。
发表评论 取消回复