html页面引用css的方法

html 中如何调用css js

当时我正在写一个网页，需要使用CSS和JS来使页面美观。
一开始我很困惑，不知道该用哪种方法。
然后我看了一下资料，说inline虽然简单，但是维护得不好，不推荐。
我当时很困惑，所以就尝试了一下。
我写了一个红色文字的样式，看起来很棒，但后来发现代码会和HTML混在一起，以后改肯定很头疼。
于是我又研究了一下外部文件的方法，就是用link标签来引入外部的CSS文件，我觉得很方便。
我将样式文件放置在名为 style.css 的位置，然后将链接标记添加到 HTML 顶部并引用它。
这样页面上的文字就变成了红色。

这同样适用于 JS。
我一开始直接在body中写了这个，但是发现页面加载有点慢。
后来我发现应该使用外部JS文件。
我编写了一个 helloworld 脚本并将其放置在名为 script.js 的文件中。
在body末尾添加script标签，src属性指向script.js。
这样，当页面加载时，脚本不会加载，直到页面呈现，页面不会卡住。

然后我也看了一些最佳实践，比如优先使用外部文件、代码分离、模块化开发，这些都是提高效率的好方法。
后来我遵循了这个方法，页面开始看起来好多了。
总之，对于CSS和JS调用，我首先使用外部我建议使用文件。
在简单的场景下，可以使用内联，但这主要是为了代码的可维护性和性能。

在html文档中引用css有几种方式?分别是什么?

是的，你提到的三种方法确实是网页设计中使用的主要方法：内联样式、内部样式和外部样式。
我自己遇到的一个陷阱是，如果我忘记了这些基本区别，有时我会在代码中犯错误。

例如，我曾经在做一个简单的页面，我直接将样式写在