[分享]css内联和外联的区别

CSS是设计网页样式的一个重要组成部分，它可以通过内联和外联两种方式来应用到HTML文档中。那么这两种方式的区别是什么呢？CSS内联： 1、内联CSS需要写在HTML标签的style属性中； 2、内联...

CSS是设计网页样式的一个重要组成部分，它可以通过内联和外联两种方式来应用到HTML文档中。那么这两种方式的区别是什么呢？

CSS内联：
1、内联CSS需要写在HTML标签的style属性中；
2、内联CSS可以直接针对一个特定的标签进行样式的设置；
3、内联CSS对维护代码不利，因为每个标签都需要写一遍样式，当需要修改样式时，需要找到每一个标签来进行修改，增加修改的难度和工作量。

<p style="color:red;font-size:16px;">这是一段文字</p>

CSS外联：
1、外联CSS需要写在一个单独的CSS文件中，然后在HTML文档中通过<link>标签链接。
2、外联CSS可以在一个文件中统一定义所有标签的样式，对于网站整体的样式风格更易于管理；
3、外联CSS可以被多个HTML文档共用，减少代码量。

<link rel="stylesheet" type="text/css" href="style.css" /> 

综上所述，内联CSS虽然比较方便使用，但是对于代码维护来说并不友好，建议采用外联CSS的方式来进行网站设计。