CSS外链与内嵌
什么是CSS外链和内嵌？
CSS是层叠样式表的缩写，是为了让网页样式更好，效果更美观而生的。在HTML中，有一种外链和内嵌的引入CSS的方法，那么，什么是CSS外链和内嵌呢？
CSS外链和内嵌的区别是什么？
在JSP,HTML等网页文件中,当需要使用多个CSS文件时，我们可以使用 CSS外链 引用CSS文件，将CSS文件单独放到一个.css文件中，通过<link>将其引入到HTML文件中即可。而 CSS内嵌 方法是将CSS样式直接写在HTML标签的style属性中。
CSS外链的设置方法是什么？
在HTML文件的<head> … </head> 之间，使用<link>元素将CSS文件引入。
例如：<link rel=\"stylesheet\" type=\"text/css\" href=\"style.css\" />
其中：
- rel: 定义文档和外部资源之间的关系。rel=\"stylesheet\"表示样式表是一个外部定义的样式表的链接。
- type: 定义文档的类型。type=”text/css”表示被链接资源的MIME类型。
- href: 定义被链接的外部文档的URL。
CSS内嵌的设置方法是什么？
在HTML标签的style属性中直接添加CSS样式。
例如：<p style=\"color:blue;margin-left:20px;font-size:25px;\">This is a CSS-inline mixin.</p>
其中，style属性的值为CSS样式列表，每个样式用\":\"分开，不同的CSS样式之间用\";\"分开。
使用外链和内嵌的优缺点是什么？
CSS外链 的优点在于：
- 结构清晰：将样式表与文档分离，提高读写和可维护性；
- 可缓存：可以使用页面缓存；
- 代码可重复利用：通过<link>标签，可以在多个页面中同一引用。
缺点在于：
- 会请求网络带来一定的速度影响；
- 可能会混淆版本；
CSS内嵌 的优点在于：
- 能够解决小片段的CSS样式设置，优化整个页面中CSS代码的时效性和执行效率；
- 减少了对文件的依赖，不用依赖外部文件。可以直接使用基于Document.css规则的内嵌样式完成css设计；
缺点在于：
- 代码臃肿，不易维护；
- 在不同的类中存在相同的样式声明，没有了样式的分离处理。
总结
CSS外链和内嵌各有优缺点，具体的使用需要结合实际情况进行考虑。在实际中，内嵌可以结构框架较小的样式设计，提高网页打开速度；外链可以统一管理脚本文件，重复引用，提高可维护性。建议在开发过程中可能采用CSS外链，主要是考虑到维护效率高，而展现效果的同时也具有良好的可读性。
