了解CSS外链和内嵌
CSS外链是什么？
CSS外链是CSS样式表与HTML文件相分离的一种方法。通常我们会将所有CSS代码写入一个单独的.css文件中，然后将这个文件使用标签嵌入到HTML文件中。
CSS内嵌是什么？
CSS内嵌是将CSS样式表的代码直接嵌入到HTML文件中的一种方式。它使用标签将CSS代码包裹起来并嵌入到HTML文件的标签中。
CSS外链还是内嵌？
CSS外链的优点是什么？
将CSS样式表与HTML代码分离，可以使网站的结构更加清晰易懂。同时，多个HTML文件可以使用同一个CSS样式表，提高网站运行的效率。这也使得网站维护起来更加方便，可以单独修改CSS文件，而不影响HTML文件。
CSS内嵌的优点是什么？
对于小型网站，CSS内嵌可能更加方便，因为可以将需要的代码全部写在一个HTML文件内。CSS内嵌也有助于减少HTTP请求的数量，因为所有CSS代码都直接嵌在HTML文件中。此外，通过内嵌CSS可以更精确地控制单个HTML文件的样式表，避免应用于别处的冗余代码。
CSS内嵌变外链
如何将CSS内嵌变成外链？
将CSS样式表从内嵌转换成外链是非常简单的。只需将样式表的代码从标签中拷贝出来，创建一个新的.css文件，将样式表的代码粘贴到其中，并在HTML文件中使用标签指向新的CSS文件即可。需要注意的是，标签需要从HTML文件中移除。
有哪些需要注意的地方？
当你将CSS样式表从内嵌转换成外链的时候，需要注意可能会存在样式表优先级的变化。之前在HTML文件内嵌的样式表可能会比外链的优先级更高。此外，如果你使用了相对路径指向CSS文件，记得在修改HTML文件后还需要修改相应的CSS文件路径。
总结
外链和内嵌都有自己的使用场景，在选择其中一个之前需要考虑你的网站类型和需求。在任何情况下，都需要保持简洁明了的代码，避免冗余代码，在CSS代码中避免id和!important的滥用。
