CSS外链式–外链样式表

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

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

CSS内联式–内联样式表

内联CSS也可称为行内CSS或者行级CSS，它直接在标签内部引入。

举个例子：

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

显著的优点是十分的便捷、高效；但是同时也造成了不能够重用样式的缺点，如果代码行数到达一定长度不建议采用。通常内联CSS作为测试使用，可以查找代码中bug。

CSS外链式与内联式的区别

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

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

声明：本站所有文章，如无特殊说明或标注，均为本站原创发布。任何个人或组织，在未征得本站同意时，禁止复制、盗用、采集、发布本站内容到任何网站、书籍等各类媒体平台。如若本站内容侵犯了原著者的合法权益，可联系我们进行处理。