CSS外链式与内联式之间有什么区别?

在HTML中引用css的方法有三种:内联式、外链式和嵌入式。其中,外链式与内联式之间有什么区别?有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助。

外链样式表,是单独写一个以css为扩展名的文件,然后在<head></head>中使用<link>标签,将css样式链接到html中。举个例子:

<link href="css样式的名字(一般自己取).css" rel="stylesheet" type="text/css">

内联样式表,这个是CSS样式里面最容易的,我们既不需要另写一个以“.css"为扩展名的文件,也不需要单独在<head></head>中设置样式,这里,我们可以直接写在<body></body>的元素标签中。举个例子:

<body>
<p>莱昂纳多演的<span style="color:red">了不起的盖茨比</span>非常好看。</p>
</body>

CSS外链式与内联式的区别

CSS外链式与内联式其实是没有本质的区别的,外链式相对于内联式容易管理,把相同的属性写在一起又避免了代码的冗余。

权重优先级从高到低:内联>外联。

更多前端开发知识,请查阅 HTML中文网 !!

以上就是CSS外链式与内联式之间有什么区别?的详细内容,更多请关注易知道|edz.cc其它相关文章!

推荐阅读